标签：query 较差 disable disabled 动态 dev remove children 单元
获取元素有哪两种方法方法？
1 利用DOM提供的方法获取元素。
document.getElementbyId(),document.getELmenntbyTagName()
document,getElementsByClassName(‘‘)
document.querySelector(‘‘),document.querySelectorAll()（+ ‘.‘,‘#‘,‘‘）
2 利用 节点层级关系。获取元素。 父子元素。（兼容性较差，逻辑性强！！！）
节点有3中：元素节点。属性节点。文字节点。
我们在实际开发中，主要操作的是元素节点！
nodeName:
nodeType : 元素节点1，属性节点2 ，文本节点3.
nodeValue:
3种关系节点：
父亲节点：parentNode:
孩子节点：
1childNodes, 2 children。（实际开发经常使用！）
第一个元素节点：有3种写法。
firstChild，firstElementChild，children[0]（第三个用多！）。
最后一个元素的写法：有3种元素：
lastChild,lastElementChild, children[obecj.children.length -1 ])（第三个用的多）;
兄弟节点：
换行也是一个文本节点。
node.nextSibling,node.previousSibling
node.nextElementSibling,node.previousElementSibling
先创建，在添加。
创建节点：动态创节点的。
document.createElement(‘tagName‘)
添加节点：
第一种方法：node.appendChild(Child)；前面是node是父亲，Child是孩子。
第二种方法：node.insertBefore(lili,ul.children[0]);
删除节点：
node.removeChild(child)删除父元素的子节点！
复制节点（克隆节点）：
node.cloneNode();
node.cloneNode(true)；为True；深拷贝，拷贝内容！
3种动态创建元素的
1. document.write()； 文档流创建结束，文档流执行完毕，则会导致页面全部重绘。
window.onload= function(){};页面玩，记载完，调用。
2. element.innerHTML； 将内容写入某个DOM节点，不会导致全部重绘，
innerHTML创建多个元素效率更高，不要采用拼接字符串，采取数组形式拼接，那么效率更高！
inner.innerHTML += ‘<>百度</>‘
3. document.createElement； 时间很快，效率很高！
var a =document.
create.appendChild(a); ：创建结构很清晰。效率稍微低一些。
DOM重点核心：
创建： 1documen.write 2 innerHTML 3 createElement
增加： 1appendChild。 2 insertBefore
删：removeChild
改：修改dom元素属性，内容，属性，表单的值。
1.修改元素属性： src，href，title
2. 修改普通元素内容:innerHTML,innerText。
3. 修改表单元素：value，type，disabled
4. 修改元素样式：style，className
查：1DOM 古老使用： getElementByld，getElementByTagName
2 H5提供新方法，querySelector,querySelectorAll提倡。
3 利用节点操作获取元素：parentNode，children，nextElementSibling提倡。
自定义属性：保存属性。
1 setAttribute。 2 getAttribute 。3 removeAttribute
事件操作：事件源，事件类型 = 事件处理程序。
标签：query 较差 disable disabled 动态 dev remove children 单元
原文地址：https://www.cnblogs.com/hacker-caomei/p/14879300.html
