ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で DOM 要素を取得する方法
メソッド: 1. ID を通じて取得するには getElementById メソッドを使用します; 2. 名前値を通じて取得するには getElementsByName メソッドを使用します; 3. タグ名を通じて取得するには getElementsByTagName メソッドを使用します; 4. querySelector メソッドを使用してセレクターを通じて取得します。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
DOM 要素を取得するための JS メソッド (8 つの方法)
1. ID で取得 (getElementById)
document.getElementById('id')
2. name 属性 (getElementsByName) を通じて
document.getElementsByName('name')
[推奨学習: JavaScript 上級チュートリアル ]
3. タグ名を通じて (getElementsByTagName)
4. クラス名 (getElementsByClassName) を通じて
var obj1 = document.getElementsByClassName('animated') // console.log 0:div.app.animated 1:div#login.login.animated.rubberBand 2:div#reg.reg.animated.shake 3:div#kefu.kefu.animated.swing 4:div#LoginState.state.animated.bounce 5:div.loginState.animated 6:div.regState.animated 7:div.pop.animated
5. セレクター (querySelector) を通じて要素を取得する
document.querySelector('.animated')
6. セレクター (querySelectorAll) を通じて要素のセットを取得します
document.querySelector('.animated')
プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !
以上がJavaScript で DOM 要素を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。