DOM节点

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 完成正确的操作。