htmldom操作添加标签顺序

<!DOCTYPE html>
<html>
<body>
<div id="div1">
</div>
<script>
var para=document.createElement("p");
var node=document.createTextNode("添加节点的内容");
para.appendChild(node);


var element=document.getElementById("div1");
element.appendChild(para);


</script>
</body>

</html>

提示:能否在不引用父元素的情况下删除某个元素?

很抱歉。DOM 需要了解您需要删除的元素,以及它的父元素。

这里提供一个常用的解决方法:找到您需要删除的子元素,然后使用 parentNode 属性来查找其父元素:

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



<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);

var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.replaceChild(para,child);
</script>

posted @ 2014-03-16 15:51  JAVA之迷  阅读(212)  评论(0编辑  收藏  举报