添加或删除节点

来源：互联网发布：广西南宁智尚网络骗局编辑：程序博客网时间：2024/05/23 01:25

//添加和删除节点(HTML元素)

首先创建元素(元素节点)，然后向一个已存在的元素追加该元素

<body>

<p id="p1">这是一个段落</p>

<p id="p2">这是另一个段落</p>

</div>

var para=document.createElement("p"); //这段代码创建新的<p>元素

var node=document.createTextNode("这是新段落。");//创建一个文本节点

para.appendChild(node); //然后必须要向<p>元素追加这个文本节点

var element=document.getElementById("div1"); //最后必须向一个已有的元素追加这个新元素

element.appendChild(para); //追加新元素

</script>

</body>

//删除已有的HTML元素

<body>

<p id="p1">这是一个段落</p>

<p id="p2">这是另外一个段落</p>

</div>

var parent=document.getElementById("div1");

var child=document.getElementById("p1");

parent.removeChild(child);

</script>

</body>