12 の JavaScript DOM メソッドの紹介

この記事では、参考のために JavaScript DOM 操作の 12 のメソッドを紹介します:

1 createElement(element)

指定されたタグ名で新しい要素ノードを作成します。戻り値は、新しく作成された要素ノードへの参照ポインタです。

例）var para = document.createElement("p");

document.body.appendChild(para);

2 createTextNode()

指定されたテキストを含む新しいテキストノードを作成し、ポインタを返す 参照ポインタ新しいテキストノードの:

reference = document.createTextNode()

パラメータは新しいテキストノードに含まれるテキスト文字列です

例)

var message = document.createTextNode("hello world");

varcontainer = document.createElement("p");

container.appendChild(message);

document.body.appendChild(container);

3 cloneNode()

reference = node.cloneNode(deep)

指定されたノードのコピーを作成します。パラメータは true または false です。true はノードの子ノードを同時にコピーすることを意味し、false は子ノードをコピーしないことを意味します。

var para = document.createElement("p");

var message = document.createTextNode("hello world");

para.appendChild(message);

document.body.appendChild(para);

var newpara = para.cloneNode(true);

document.body.appendChild(newpara);

4 appendChild()

reference = node.appendChild(newChild);

ノードを挿入します、前の例を参照してください。

5 insertBefore()

Reference = element.insertBefore(newNode,targetNode)

指定された要素ノードの指定された子ノードの前に指定されたノードを挿入し、新しい子ノードへの参照ポインタを返します。

例）

varcontainer = document.getElementById("content");

var message = document.getElementById("fineprint");

var para = document.createElement("p");

コンテナ。 insertBefore(para,message);

6removeChild()

Reference = element.removeChild(node)

指定された要素から子ノードを削除し、削除された子ノードへの参照ポインタを返します。

removeChild()でノードが削除されると、そのノードの子ノードも全て削除されます。

7 replaceChild()

Reference = element.replaceChild(newChild,oldChild)

指定された親要素内の子ノードを別のノードに置き換えます、oldChild ノードは element 要素の子ノードである必要があります。置換された子ノードへの参照ポインタ。

例）

varcontainer = document.getElementById("content");

var message = document.getElementById("fineprint");

var para = document.createElement("p");

コンテナ。 replaceChild(para,message);

8 setAttribute()

element.setAttribute(attributeName,attributeValue);

指定された要素ノードに新しい属性値を追加するか、既存の属性を変更します

9 getAttribute

AttributeValue = element .getAttribute(attributeName)

指定された要素の指定された属性ノードの値を返します。

10 getElementById()

element = document.getElementById(ID)

指定された id 属性値を持つ要素を検索し、要素ノードを返します

11 getElementByTagName()

指定されたタグ名を持つ要素を検索するために使用されますすべての要素:

elements = document.getElementsByTagName(tagName)

ノードのコレクションを返します。

12 hasChildNodes

指定された要素に子ノードがあるかどうかを確認するために使用されます

booleanValue = element.hasChildNodes

trueまたはfalseを返します。

上記は 12 個の JavaScript DOM メソッドの紹介です。その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) に注目してください。