学习总结--Dom

节点(每个元素都会有的3个nodeValue nodeType nodeName；)

　　1 元素节点 nodeName 元素节点名 nodeType 1 nodeValue null或者undefined

　　2属性节点 nodeName 属性节点名 nodeType 2 nodeValue 属性节点的值

　　3 文本节点 nodeName #text nodeType 3 nodeValue 文本值

2 创建元素节点 document.createElement('li')

3创建文本节点document.createTextNode("123");

4 属性节点通过元素节点.属性名去创建或者 node.setAttribute(name,value);获取节点的属性值 node.getAttribute(name);移除节点的属性值 node.removeAttribute(name);

5追加节点 node.appendChild(newchild);

6 删除节点 node.parentNode.removeChild(node);

7 克隆节点 node.cloneNode(true);

8 替换节点node.replaceChild(nwchild, oldchild); 除了具有替换节点的功能，还具有移动节点的功能；可以自定义函数replaceEach(achild,bchild) 两个节点彼此替换位置；

9父节点 paraentNode 子节点 firstElementChild firstChild lastElementChild lastChild 下一兄弟节点nextSibling nextElementSibling 前一兄弟节点previousSibling previousElementSibling;

10节点的获取

　　document.getElementById('');

　　 document.getElementsByTagName('');

　　document.getElementsByClassName('')

　　document.getElementsByName('');

巴特西

学习总结--Dom

最新文章

热门文章