プログラミング getelementsbyclassname

11

JS：Array.forEachを使用してgetElementsByClassNameの結果を反復する

一部のDOM要素を反復処理したいので、次のようにします。 document.getElementsByClassName( "myclass" ).forEach( function(element, index, array) { //do stuff }); しかし、エラーが発生します： document.getElementsByClassName（ "myclass"）。forEachは関数ではありません私はFirefox 3を使用しているので、getElementsByClassNameとの両方Array.forEachが存在することがわかります。これはうまくいきます： [2, 5, 9].forEach( function(element, index, array) { //do stuff }); getElementsByClassName配列の結果ですか？そうでない場合、それは何ですか？

240 javascript foreach getelementsbyclassname

10

querySelectorAllおよびgetElementsBy *メソッドは何を返しますか？

DO getElementsByClassName（など、同様の機能getElementsByTagNameとquerySelectorAll）仕事と同じgetElementByIdか、それが要素の配列を返すのですか？私が尋ねる理由は、を使用してすべての要素のスタイルを変更しようとしているためですgetElementsByClassName。下記参照。 //doesn't work document.getElementsByClassName('myElement').style.size = '100px'; //works document.getElementById('myIdElement').style.size = '100px';

151 javascript getelementsbyclassname dom-traversal

6

クラスとIDによって要素内の要素を取得する-JavaScript

さてさて、私は以前JavaScriptを使ったことがありますが、私が書いた中で最も有用なものはCSSスタイルスイッチャーです。だから私はこれにいくらか新しいです。次のようなHTMLコードがあるとします。 <div id="foo"> <div class="bar"> Hello world! </div> </div> 「Hello world！」をどのように変更しますか「さようなら世界！」へ？document.getElementByClassとdocument.getElementByIdがどのように機能するかは知っていますが、もっと具体的に知りたいのですが。これが以前に尋ねられた場合は申し訳ありません。

136 javascript getelementbyid getelementsbyclassname

7

JavaScriptでGetElementByIdではなくgetElementByClassを取得する方法

各DIVのクラスに応じて、Webサイト上の特定のDIV要素の表示を切り替えようとしています。基本的なJavaScriptスニペットを使用して切り替えています。問題は、JavaScriptでサポートさgetElementByIdれgetElementByClassていないため、スクリプトはのみを使用することです。残念ながら、DIVの名前には特定のカテゴリ名を使用してXSLTスタイルシートによって動的に生成されるため、DIVではなくidではなくclassを使用する必要があります。特定のブラウザがをサポートするようになったことは知っていますgetElementByClassが、Internet Explorerがサポートしていないので、そのルートを使いたくありません。クラスを使用して要素を取得する関数を使用するスクリプトを見つけました（このページの＃8など：http : //www.dustindiaz.com/top-ten-javascript/）が、それらを統合する方法がわかりません私のトグルスクリプトで。これがHTMLコードです。DIV自体は、XML / XSLTを使用したページの読み込み時に生成されるため、ありません。主な質問：以下のトグルスクリプトを使用して、IDで要素を取得するのではなく、クラスで要素を取得するにはどうすればよいですか？ <html> <head>  <script type="text/javascript">  </script> </head> <!--the XML/XSLT page contents will be loaded here, with …

91 javascript class toggle getelementbyid getelementsbyclassname

タグ付けされた質問 「getelementsbyclassname」

タグ付けされた質問「getelementsbyclassname」