添加或删除节点

发布时间:2016-12-9 0:13:41 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"添加或删除节点",主要涉及到添加或删除节点方面的内容,对于添加或删除节点感兴趣的同学可以参考一下。

//添加和删除节点(HTML元素)首先创建元素(元素节点),然后向一个已存在的元素追加该元素<body>  <div id="div1"> <p id="p1">这是一个段落</p> <p id="p2">这是另一个段落</p>  </div>    <script> 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> <div id="div1"> <p id="p1">这是一个段落</p> <p id="p2">这是另外一个段落</p> </div> <script> var parent=document.getElementById("div1"); var child=document.getElementById("p1"); parent.removeChild(child); </script> </body>

上一篇:看比较学JAVA
下一篇:JS-window对象

相关文章

相关评论