Javascript操作Domオブジェクト

901 ワード

一.ノードの作成
このコードは新しい要素を作成します.
var dom = document.craeteElement("p");
テキストを追加する場合は、テキストのノードを作成しなければなりません.
var node = document.createTextNode("this is new TextNode");
そして、元素にnodeを追加しなければなりません.
dom.appendChild(node);
この時に作成されました.
二.ノードの削除
例えばHTMLコードの一部があります.

スクリプト:

var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);

jsノードを削除する時、親ノードを見つけなければなりません.親要素を引用しないで、あるノードを削除してもいいです.でも、残念です.DOMは削除する要素、yi及びその親要素をクリアしなければなりません.
これはよく使うやり方です.
var child=document.getElementById("p1");
child.parentNode.removeChild(child);