Hi_Amos
坚持每天都在进步!!

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

创建新的 HTML 元素

如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。

<html>
<body>
<div id="div1">

<p id="p1">这是一个段落</p>
<p id="p2">这是第二个段落</p>
</div>
<script type="text/javascript">
/*新增加一个子节点*/   
var para=document.createElement("p");
   var node= document.createTextNode("这是新段落!");
       para.appendChild(node);
        document.getElementById('p1').appendChild(para);
/*删除p2节点*/
var childElement = document.getElementById('p2');
var parentElement= document.getElementById('div1');
        parentElement.removeChild(childElement);
</script>
</body>
</html>

这段代码创建新的 <p> 元素: 

var para=document.createElement("p");

如需向 <p> 元素添加文本,您必须首先创建文本节点。这段代码创建了一个文本节点:

   var node= document.createTextNode("这是新段落!");

然后您必须向 <p> 元素追加这个文本节点:

        document.getElementById('p1').appendChild(para);

最后您必须向一个已有的元素追加这个新元素。

这段代码找到一个已有的元素:

        document.getElementById('p1').appendChild(para);

删除已有的 HTML 元素

如需删除 HTML 元素,您必须首先获得该元素的父元素:

var parentElement= document.getElementById('div1');

找到 id="p1" 的 <p> 元素:

var parentElement= document.getElementById('div1');

从父元素中删除子元素:

        parentElement.removeChild(childElement);

 

 

 

posted on 2013-12-15 01:01  Hi_Amos  阅读(282)  评论(0编辑  收藏  举报