在js中如何实现dom元素节点的替换和删除

 时间:2024-10-12 02:27:57

1、replaceChild函数的语法结构如下图:newnode和 oldnode分别表示替换和被替换的对象。

在js中如何实现dom元素节点的替换和删除

2、以下代码将实现字体从原来的粗体变成斜体,示意代码如下:

在js中如何实现dom元素节点的替换和删除

3、执行脚本后,字体开始是粗体的,如图:

在js中如何实现dom元素节点的替换和删除

4、点击“将加粗变成斜体”链接后,字体就变成了斜体。

在js中如何实现dom元素节点的替换和删除

5、删除id为demo的子节点

在js中如何实现dom元素节点的替换和删除

6、示例代码如下:

在js中如何实现dom元素节点的替换和删除

7、正常情况下,我们肯定会想着用下面一段代码从头到尾一个个将子节点删除就可以了。

在js中如何实现dom元素节点的替换和删除

8、但上述代码执行后,无法按照预期将所有子节点删除,当把索引为0的子节点删除后,那献垴淄睬么原来为1的节点此时变成了0,而循环变量已经变成了1,所以这样一来循膣默髻僳环退出时,还有一半节点没有被删除。用以下代码,从后往前删除就正确了。

在js中如何实现dom元素节点的替换和删除
  • VMware10多种操作方式打开虚拟机
  • 零基础学python错误error处理详解
  • python如何判定2进制中某一位是1
  • 咖卡他卡的不收限制技巧
  • sql server2012怎么建表
  • 热门搜索
    科普手抄报内容 教师节的手抄报 少先队知识手抄报 春节手抄报 简单 预防病毒手抄报内容 心理健康知识手抄报 手抄报 春节 红红火火过大年手抄报 消防手抄报图片大全 疫情手抄报内容怎么写