DOM ------ 克隆节点

简介: DOM ------ 克隆节点

克隆节点:node.cloneNode()

    //html代码
    <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
      </ul>
      //js代码
      // 复制节点 node.cloneNode()
        var ul = document.querySelector('ul')
        // node.cloneNode() 如果括号参数为空或者false 则是浅拷贝 即只克隆复制节点本身 不克隆里面的子节点
        // node.cloneNode(true) 如果括号参数为true 则是深拷贝 复制标签复制里面的内容
        var lili = ul.children[0].cloneNode(true) //克隆第一个li
        ul.appendChild(lili) //页面显示1 2 3 1

不积跬步无以至千里 不积小流无以成江海

相关文章
|
1月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
24天前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中,文档中的所有内容都被视为节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。DOM 将文档表示为节点树,节点之间有父子和同胞关系。
|
24天前
|
JavaScript
HTML DOM 节点
HTML DOM(文档对象模型)将HTML文档视为节点树,其中每个部分都是节点:文档本身是文档节点,HTML元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。节点间存在父子及同胞关系,形成层次结构。
|
1月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树