javascript - JavaScriptの解析が機能しないdocument.getElementsByClassName

Question

ページのソースコードに次のコードがあります。

<a data-toggle="dropdown" class="user" href="#">Tom</a>

このコードで文字列「Tom」を解析しようとしました：

var username = document.getElementsByClassName("user").innerHTML;
alert(username);

しかし、ユーザー名変数は定義されていませんでした。コードの問題は何ですか? jQuery は使いたくない。

score 1 · Accepted Answer

最初の要素を取得するために [0] を逃しただけです。

var username = document.getElementsByClassName("user")[0].innerHTML;

score 1 · Accepted Answer

とは異なりdocument.getElementById、このdocument.getElementsByClassNameメソッドは、指定したクラスを持つ要素の配列を返します。この場合、それらの最初のものを選択することをお勧めします。

var username = document.getElementsByClassName("user")[0].innerHTML;
alert(username);

を逃しました[0]。

3 に答える 3