学习总结--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('');
作者:RichardCui
出处:https://www.cnblogs.com/yachao1120/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。该文章也同时发布在我的独立博客中-RichardCuiBlog。