js--DOM操作domgetDOMget//参数为字符串document.getElementById()获取特定ID元素的节点document.getElementsByTagName()获取同名元素节点列表document.getElementsByName()获取同名节点列表document.getAttribute()获取特定元素的节点属性值//参数为ccs选择器字符串document.querySelectorAll('.b1.c');document.querySelector('.b1.c');//层级节点操作childNodes获取当前元素节点的所有子节点firstChild获取当前元素节点的第一个子节点lastChild获取当前元素节点的最后一个子节点ownerDocument获取节点Node的文档根，相当于documentparentNode获取当前节点的父节点previousSibling获取当前节点的上一个兄弟节点nextSibling获取当前节点的下一个兄弟节点属性获取当前元素节点的所有属性节点集合//增删改write()这个方法可以在文档中插入任意字符串)插入新节点节点插入在前面functioninsertAfter(newElement,targetElement){//获取父节点varparent=targetElement.parentNode;如果(parent.lastChild===targetElement){parent.appendChild(newElement);}else{parent.insertBefore(newElement,targetElement.nextSibling);}}应用程序pendChild()将新节点追加到子节点列表的末尾createTextNode()创建文件节点2元素节点操作//内容操作document.getElementById('box').tagName;//元素名称document.getElementById('box').innerHTML;//元素内容//属性操作//接受两个参数，属性名，属性值尽量不要使用setAttribute()来设置特定元素节点属性的值removeAttribute()移除特定元素节点属性//改变样式document.getElementById('box').id;//获取iddocument.getElementById('box').id='person';//设置iddocument.getElementById('box').title;//获取titledocument.getElementById('box').title='title'//设置titledocument.getElementById('box').style;//获取CSSStyleDeclaration对象document.getElementById('box').style.color;//获取样式对象中的颜色Valuedocument.getElementById('box').style.color='red';//设置样式对象中颜色的值document.getElementById('box').className;//获取classdocument.getElementById('box')。类名='盒子';//设置class3节点类型//节点可以分为元素节点、属性节点和文本节点，而这些节点有三个非常有用的属性，//分别是：nodeName、nodeType和nodeValue节点类型nodeNamenodeTypenodeValueelement元素名称1nullattribute属性名2attributevaluetext#text3文本内容（不包括html）4在非IE中，标准DOM具有识别空白文本节点的功能，所以在Firefox浏览器中是7，但IE会自动忽略它。如果要保持一致的子元素节点，需要手动忽略它。functionfilterSpaceNode(nodes){for(vari=0;i
