获取某个元素的父节点
obj.parentNode
获取所有的子节点
obj.childNodes
获取子元素节点
obj.children
obj.children[0]
返回第一个节点不管是文本节点还是元素节点
obj.firstChild
返回第一个子元素节点
obj.firstElementChild
获取最后一个元素节点
obj.children[obj.children.length-1]
下一个兄弟节点
obj.nextSibling
下一个兄弟元素节点
obj.nextElementSibling
上一个兄弟节点
div.previousSibling
上一个兄弟元素节点
obj.previousElementSibling
创建节点
把新元素插入到父元素的内部子元素的末尾
//获取父元素
var ul=document.querySelector('ul');
// 创建元素节点
var li=document.createElement('li')
// 添加节点
ul.appendChild(li);
将元素插入到父元素中某个子元素之前
ul.insertBefore(li,ul.children[0]);
复制节点
node.cloneNode()复制一个节点副本 括号为空或者里面为flase为浅拷贝只复制标签不复制里面内容想复制内容将括号内加上true
ul.appendChild();复制了后记得添加上。
