jsでDOM要素を取得する方法まとめ

#要素の取得方法の概要

1. の値に基づいて要素を取得します。 id 属性を指定すると、要素オブジェクトが返されます。

document.getElementById("id属性的值");
document.getElementById("btn");

[関連コースの推奨事項:

JavaScript ビデオ チュートリアル]

2. に基づいて要素を取得します。タグ名を返します。複数の DOM オブジェクトを格納する疑似配列です。

document.getElementsByTagName("标签名字");
document.getElementsByTagName("li");

以下は一部のブラウザではサポートされていません

3 . name 属性の値に基づいて要素を取得し、複数の DOM オブジェクトを格納する疑似配列を返します

document.getElementsByName("name属性的值")
document.getElementsByName("name1")

4. クラス スタイルに従って To要素を名前で取得すると、返されるのは複数の DOM オブジェクトを格納する疑似配列です

document.getElementsByClassName("类样式的名字")
document.getElementsByClassName("cls")

5. セレクターに従って要素を取得し、返されるのは次のとおりです要素オブジェクト

document.querySelector("选择器的名字");
document.querySelector("#btn"); //id，类，标签等选择器用的比较多

6. セレクターに従って要素を取得します。返されるのは、複数の DOM オブジェクトを格納する擬似配列です。

document.querySelectorAll("选择器的名字")

この記事は

js チュートリアル 列からのものです。ぜひ学習してください。

以上がjsでDOM要素を取得する方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。