节点的关系：
firstChild:第一个元素，第一个元素如果该节点没有字节点
lastChild:最后一个元素，最后一个元素如果该节点没有字节点
parentNode获取父节点
childNode:获取所有字节点，找不到返回空数组
childElementCount:返回子元素（不包括文本节点和注释）的个数
firstElementChild：指向第一个子元素
lastElementChild；指向最后一个元素
previousElementSibling:指向前一个同辈元素
nextElementSibling：指向后一个同辈元素
children:获取元素子元素，返回一个数组
dom.nextSibling:获取下一个节点
dom.nextElementSibling:获取下一个元素
dom.previousSibling:获取上一个节点
dom.previousElementSibling:获取上一个元素
节点的操作：
document.createElement():创建新元素，这个方法只接受一个参数，元素的标签名
var div=document.createElement("div");
console.log(div)
document.createTextNode();创建文本节点，参数为字符串文本
var text = document.createTextNode("写入的文字");
console.log(text)
appendChild()：插入节点
node.appendChild(node)：插入指定的节点，使其成为那个节点的最后一个节点，在插入的元素节点上调用
div.appendChild(text)//把文本插入到div里
document.body.appendChild(div)//把div写入到body里面
insterBefor(新节点，参照节点）第一个参数代表待插入 的节点第二个参数代表已存在的节点，新节点插入该节点的前面在父节点上调用
insterBefor（—）函数用法;
新元素：你想插入的元素（newElement)
目标元素：你想把这个元素插入到哪个元素（targetElement)
父元素：目标元素的父元素（parentElement）
var scr=document.querySelector('script')
document.body.insterBefor(div,scr)
replaceChild：实现子节点（对象）的替换，返回被替换对象的引用
node.replaceChild(newnode,oldnode）替换节点父.replaceChild(新节点，要替换的节点）
删除一个节点并用一个新的节点取而代之 第一个参数是新节点，第二个参数是需要代替的节点在父节点上调用该方法
- 1
- 2
- 3
- 4
- 5
- 6
var newli=document.createElement('li')
var san=document.querySelector('ul li ')[3]//先获取
ul.replaceChild(newli,san)
removeChild(node):父元素.removeChild（要删除的节点）
从文档中删除一个节点，该方法不是在删除的节点上调用，而是在父节点上调用
- 1
- 2
- 3
- 4
- 5
- 6
var newli=document.createElement('li')
var san=document.querySelector('ul li ')[3]//先获取
ul.removeChild(san);//删除下标是三的li
克隆节点 需要克隆的节点.cloneNode(true/false);
用于创建调用这个方法的节点的一个完全相同的副本，接受一个布尔值代表是否执行深复制
true:深复制 复制节点及其整个节点树
false:浅复制 只复制节点本身
- 1
- 2
- 3
- 4
- 5
- 6
var san=document.querySelector('ul li ')[3]//先获取
san.cloneNode(true/false)