DOM删除和添加节点
删除 : 如果要在JavaScript中将一个节点删除,就需要用到DOM。利用DOM来删除一个节点,不能直接删除,需要得到该节点的父节点,再通过父节点将该加点删除。如:
<body>
<div id="div1">abc </div>
<script>
var div = document.getElementById("div1"); //得到该节点
//得到父节点后再removeChild该节点,完成删除
div.parentNode.removeChild(div);
</script>
</body>
添加 :
<body>
<div id="div1">abc </div>
<script>
var div = document.getElementById("div1"); //得到该节点id
var p = document.createElement("p"); //创建节点p
p.id = "myp"; //设置节点id属性
p.style.width = "100px"; //给节点设置样式
p.style.height = "100px";
p.style.backgroundColor = "red";
p.innerHTML = "hdgfjs"; //p节点设置内容
//创建完成以后,不能直接显示,也要通过他的父节点来添加,然后在网页中显示
div.appendChild(p);
</script>
</body>