DOM删除和添加节点

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>

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值