学习总结--Dom

Posted 2020-10-13

节点(每个元素都会有的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(‘‘);