游走的鱼

导航

javascript 创建节点和新增节点

createElement(tabName) 创建一个为tagName的新元素节点

ANode.appendChild(BNode)把B节点追加至A节点的末尾

insertBefore(ANode,BNode)把A节点插入到B节点之前

Node.cloneNode(deep):deep为true则复制该节点以及该节点的所有子节点,为false则只复制该节点和其属性

Node.removeChild(删除指定的子节点名称)

Node.replaceChild(new_Node,old_Node):新的替换旧的

例如:

<script>
onload=function(){
  var h1=document.createElement("H1");        //创建一个为H1的新元素节点
  var h2=document.createElement("H2")
  h1.innerHTML="诗和远方";     //传入值
  h2.innerHTML="美丽的地方";
  var body1=document.getElementsByTagName("body")[0];       //获得body标签对象
  body1.appendChild(h1);       //给body标签追加标签
  body1.insertBefore(h2,h1);       //将h2标签插入h1标签之前
  var a=h1.cloneNode(true);       //将h1标签的文本标签一同拷贝,用true,默认是false
  body1.appendChild(a)    
}
</script>

<body>
</body>

posted on 2017-07-13 18:00  游走的鱼  阅读(281)  评论(0编辑  收藏  举报