JavaScript にはコレクションがあります。JavaScript の HTMLCollection オブジェクトは、HTML 要素の配列のようなリスト (コレクション) です。 getElementsByTagName() メソッドは、HTMLCollection オブジェクトを返します。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript にはコレクションがあります。JavaScript の HTMLCollection オブジェクトは、HTML 要素の配列のようなリスト (コレクション) です。 getElementsByTagName() メソッドは、HTMLCollection オブジェクトを返します。
JavaScript の DOM コレクション:
length 属性は、HTMLCollection 内の要素の数を定義します:
例:
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript HTML DOM</h1>
<p>Hello World!</p>
<p>Hello China!</p>
<p id="demo"></p>
<script>
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML =
"此文档包含 " + myCollection.length + " 段文字。";
</script>
</body>
</html>効果:
例の説明:
すべての
要素のコレクションを作成します
コレクションの長さを表示します
注:
HTMLCollection は配列ではありません。
HTMLCollection は配列のように見えるかもしれませんが、配列ではありません。
リストを反復処理し、(配列と同様に) 要素を数値的に参照できます。
ただし、HTMLCollection では、valueOf()、pop()、push()、join() などの配列メソッドを使用できません。
[推奨学習: JavaScript 上級チュートリアル]
以上がJavaScript にはコレクションがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
