美文网首页
DOM里的节点操作

DOM里的节点操作

作者: 拾柒_aab0 | 来源:发表于2019-10-27 17:07 被阅读0次

如何创建节点

1.创建新元素,这个方法只接收一个参数,元素的标签名

document.createElement();
2.创建文本节点,参数为字符串或者文本

document.createTextNode();

如何插入节点

1.在指定目标的最后插入节点

appendChild()
语法:插入目标.appendChild(被插入的元素);

2.在指定目标的前面插入节点

instertBefore()
语法:父元素.instertBefore(被插入的节点,已存在的节点);

注意:如果用appendChild()或instertBefore()将已存在的文档中的一个节点再次插入,那么这个节点会从原来的位置自动删除

如何删除和替换节点

删除节点:

removeChild()

语法:父节点.removeChild(要删除的节点)

替换子节点:

replaceChild()

语法:父节点.replaceChild(新节点,老节点)

如何克隆节点

clone(true/false);
true深拷贝,会克隆到里面的所有子元素

false浅拷贝,只会克隆元素本身,不会克隆里面的子元素

相关文章

  • DOM (javascript DOM节点操作)

    DOM (javascript DOM节点操作) 本节目录 查找DOM元素 DOM节点操作 javascript操...

  • DOM里的节点操作

    如何创建节点 1.创建新元素,这个方法只接收一个参数,元素的标签名 document.createElement(...

  • Dom操作

    操作节点 获取节点 获取子节点 更新DOM innerHTMLinnerTEXT 插入DOM appendChil...

  • 05-DOM相关知识点讲解

    DOM DOM内容主要分为四部分: 什么是DOM和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...

  • JQuery---dom相关节点操作

    dom相关节点操作 /* DOM操作管理 属性...

  • 第十七章 DOM基础

    要点: DOM介绍 查找元素 DOM节点 节点操作 什么是 DOM? DOM即文档对象,针对HTML和XML文档的...

  • Vue解决了哪些问题

    虚拟 dom:dom 操作时非常耗性能的,不再使用原生的 dom 操作节点,极大的解放 dom 操作,但具体操作的...

  • DOM

    一.dom操作 dom的组成 元素节点属性节点文本节点 通过nodeType查看类型 1 元素节点 ,2 属性节...

  • DOM

    一、对象基础(补充) 二、DOM获取节点 三、间接获取节点 四、DOM节点的添加和删除 五、DOM属性操作 六、练...

  • DOM树知识点梳理

    1.HTML DOM2.获取节点的原生方法3.JS中的节点操作写几个常用的API, 来操作DOM节点。(1)doc...

网友评论

      本文标题:DOM里的节点操作

      本文链接:https://www.haomeiwen.com/subject/qscmvctx.html