DOMメソッドのノード操作例を詳しく解説

document.createElement(tagName)
タグ名の形式で要素を作成します
parentNode.appendChild(childNode)
子ノードをノードに追加します。最後に追加されることに注意してください
parentNode.insertBefore(childNode1, childNode2 )
ノードの指定された子ノードの前にノードを挿入します
上と同様: childNode1 は childNode2 の前に挿入されます

parentNode.removeChild(childNodes)
指定された子ノードをノードから削除します。

parentNode.replaceChild(node, childNode)
ノードの置換に使用されるノード、childNodes が置換される子ノード
両方のパラメータを記述する必要があります。
node.cloneNode(boolean)
ノードのクローンを作成します
true: 要素とその要素に含まれる子孫ノードをクローンします
flase: 要素をクローンしますが、要素の子孫ノードは含みません

node.parentNode 親ノード
ノード。 offsetParent 親の位置
ノード .children 子ノード
node.previousElementSibling 前の兄弟ノード
node.nextElementSibling 次の兄弟ノード
node.firstElementChild (ノード内の最初の子ノードを取得)
node.lastElementChild (ノード内の最後の子ノードを取得)

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