DOM怎么添加、移除、移动、复制、创建和查找节点

①创建:document.creatElement('li')

②添加:parentNode.appendChild(childNode)

③在指定元素之前插入节点:refNode.parentNode.insertBefore(newNode,refNode)

④替换:oldNode.parentNode.replaceChild(newNode,oldNode)

⑤移除,删除:

delNode.parentNode.removeChild(delNode)

delNode.remove();//不兼容

⑥查找:

getElementsByTagName()    //通过标签名称

getElementsByName()    //通过元素的Name属性的值

getElementById()    //通过元素Id,唯一性

⑦复制:

Node.cloneNode() //浅克隆,只复制标签本身

Node.cloneNode(true) //深克隆,复制标签本身以及所有后代

注意:appendChild()、insertBefore()、replaceChild()这三个方法如果操作的是页面上已经存在的节点,那么就是进行位置的移动。

你可能感兴趣的:(JavaScript)