DOM删除和添加节点

xiaoxiao2021-02-28  83

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>

 

转载请注明原文地址: https://www.6miu.com/read-70792.html

最新回复(0)