JavaScriptノードとは

この記事の動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター

この記事のノードJavaScript はすべてページ内のコンテンツ (ラベル、属性、テキスト (テキスト、改行、スペース、復帰))、ノードです。

一般的に使用されるノード ラベル:

• 要素ノード (ラベル)

• テキストノード

• 属性ノード (ラベル内の属性)

Get

ノードの要素ノードを取得するにはさまざまな方法があります。

• Document.getElementById()

• Document.getElementsByClassName()

• Document.getElementsByTagName()

• Document.querySelector()

• Document.querySelectorAll()

属性ノードの取得

• Element.attributes 要素のすべての属性のセットを取得します

• Element.setAttribute("属性名", "属性値") 要素に属性と属性値を設定

• Element.getAttribute("属性名") 属性値を取得するメソッド

• Element.removerAttribute("attribute") は属性を削除します

テキスト ノード

取得する方法も意味もありません

要素の子を取得します Node

Element.childNodes この属性は互換性があります。標準ブラウザはテキスト ノードを取得しますが、以前のバージョンのブラウザは取得しません。したがって、children 属性を使用して単一の子ノードを取得することをお勧めします。

最初の子ノードを取得します:

标准下 　　元素.firstElementChild
非标准下　  元素.firstChild

互換性のある記述方法

var list=document.getElementById("list")
var fist=listElementChild||list.fistChild
console.log(fist)

最後の子ノードを取得します

Element.lastElementChild Element.lastChild

兄弟ノードの取得

Element.previousSibling Element.prevElementSibling

次の兄弟ノードの取得

Element.nextSibling Element.nextElementSibling

親ノードを取得します

DOM2 ノードの作成

js 基本チュートリアル]