js---DOMノード

この記事の内容は、js の DOM ノードです。ここで共有します。また、必要な友達を参照してください。

1.getElementsByTagName()----すべてのブラウザーを使用します。このメソッドでは、互換性の問題はありません

2.getElementById()---IE8.0 以降では、ID は大文字と小文字を区別しません。つまり、互換性の問題はありません

3.getElementsByClassName()---IE9。 0 未満ではそのようなメソッドは存在せず、互換性の問題があります。

4.getElementsByName()---name 属性、入力の name 属性、すべてのタグが有効ではありません

5.querySelector('selector')---IE8.0 以下と互換性がありません、選択されたものはコピー 、HTML で DOM を変更する場合、以前に選択したコピーはそれに応じて変更されません。

2. ノード ツリーをトラバースします:parentNode/childNodes/firstChild/lastChild/nextSibling/PreviousSibling---ノード ツリーにはテキスト ノード、コメント ノード、空のノードが含まれます

要素ツリーをトラバースします:子を除き、その他は以下にありますIE9 互換性の問題があります

parentElement --- HTML の最上位の親;

children --- 互換性の問題はなく、現在の要素の要素の子ノードのみが返されます

node.childElementCount===node.children。 length 現在のノードの子要素の数

firstElementChild---最初の要素ノードを返します(IEは互換性がありません)

nextElementSibling/previousElementSibling

ノードの種類: ノードを呼び出すnodeType

elementノード---1 ; 属性ノード --- 2; テキスト ノード --- 8; ドキュメントフラグメント --- 11

プロトタイプ チェーン: ドキュメント --->HTMLDocument.prototype > ;Document.p rototype

関連する推奨事項:

js で DOM 要素を操作する方法

js で DOM イベントフローの詳細な説明

JS で DOM を操作する方法

以上がjs---DOMノードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。