DOM を操作する JS の一般的なメソッドの簡単な分析

getElementById(): 指定された一意の ID 属性値を持つドキュメント内の要素を取得します

getElementsByName(name): 配列を返します

getElementsByTagName(): 指定されたタグ名を持つ要素のサブ要素のコレクションを返します

getAttribute (): 指定された属性名の属性値を返します

document.getElementsByTagName("a")[0].getAttribute("target");

setAttribute(): 指定された属性を追加し、指定された値を代入します。

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

ノード属性:

ノード名(読み取り専用):nodeName

ノード値:nodeValue

ノードタイプ(読み取り専用):nodeType

子ノード:

ele.childNodes戻り配列

firstChild

lastChild

親ノード

parentNodeには

兄弟ノードが1つだけあります

nextSibling ノードの直後のノード

previousSibling

ノードを挿入

appendChild() 最後に挿入

insertBefore(newnode,ノード）でno de ノードの前

ノードを削除します

removeChild(node) 成功すると削除されたノードを返します 失敗するとnullを返します

要素を置き換えます

replaceChild(newnode,oldnode) 子ノードオブジェクトの置き換えを実装します

要素ノード

createElement()

テキストノードを作成

createTextNode()

ノードをコピー

コピーする必要があるノード。cloneNode(true/false)

tru​​eは現在のノードとすべての子ノードをコピーします、false現在のノードをコピーするだけです

これは簡単な紹介です。DOM を操作する JS のいくつかの一般的なメソッドの分析は、エディターによって共有されたすべての内容です。参考になれば幸いです。また、皆さんが PHP 中国語をサポートしてくれることを願っています。 Webサイト。

DOM を操作する JS の一般的な方法を簡単に分析したその他の関連記事については、PHP 中国語 Web サイトに注目してください。