DOM节点
js获取元素及其属性
1.访问或获取节点
getElementById();
getElementsByClassName();
querySeletor('选择器全名') 如果为class要加 . ;如果为id要加#,其余选择器也要写全名
getElementsByName() 数组 ; 如果不含有这个属性可以自定义添加 ; input中含有这个属性
2.创建节点
document.createElement(eName); //创建一个节点
document.createAttribute(attrName); //对某个节点创建属性
document.createTextNode(text); //创建文本节点
3.添加节点
document.insertBefore(newNode,referenceNode); //在某个节点前插入节点
parentNode.appendChild(newNode); //给某个节点添加子节点
4.复制节点
cloneNode(true | false); //复制某个节点 参数:是否复制原节点的所有属性
5.删除节点
parentNode.removeChild(node); //删除某个节点的子节点 node是要删除的节点
注意:为了保证兼容性,要判断元素节点的节点类型(nodeType),若nodeType==1,再执行删除操作。通过这个方法,就可以在 IE和 Mozilla 完成正确的操作。