JavaScriptノードとは

JavaScript ノードとは、タグ、属性、テキストなど、ページ内のすべてのコンテンツを指します。JavaScript 要素ノードを取得するメソッドは、1. getElementById() メソッド、2. getElementsByClassName() メソッドなどです。

この記事の動作環境: 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

親ノードを取得します

Element.parentNode には互換性がありません

Element.parentNode.parentNode

offsetparent とparentNode を区別します

DOM2 ノードの作成

1. ノードドキュメントを生成するメソッド。 createElement("div")

2. ノードの挿入方法

親ノード.appendChild(新規ノード)

親ノードの子ノードの後に​​新規ノードを挿入します。

3. 指定した位置に新しいノードを挿入します

(1) 親要素.insetBefore (新しいノード、誰の前) 指定した要素の前に新しいノードを挿入します

4. 要素ノードの親 element.removerChild() を削除します。

[推奨学習:

js 基本チュートリアル]

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