relacChild

最新推荐文章于 2016-08-02 16:53:34 发布

难瘦不难过

最新推荐文章于 2016-08-02 16:53:34 发布

阅读量230

点赞数

分类专栏： DOM

本文链接：https://blog.csdn.net/osweet12345678/article/details/52095714

版权

DOM 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function() {

var oDiv = document.getElementById('div1');
var oBtn = document.getElementById('btn');
var oP = document.getElementById('p1');

oBtn.onclick = function() {

  /*
   父级.replaceChild(新节点，被替换节点) 替换子节点
  */
  //document.body.replaceChild( oDiv, oP );

  /*
   appendChild,insertBefore,replaceChild都可以操作动态创建出来的节点，也可以操作已有节点
  */
  //oP.appendChild( oDiv );

}

}
</script>
</head>