1、NODE的类型:
1、元素类型;
2、文本类型;
3、文档类型;
4、属性类型;
5、注释类型。
----------
2、NODE的获取方式:
1、通过获取元素的方式:
document.getElementById("elementID");
document.getElementByName("name");
document.getElementByTagname("tagname");
document.getElementByClassName("classname")
2、通过NODE关系属性获得引用:
document.parentNode:获得该元素父节点;
document.childNode:获取对象所有的子节点(次级节点);
document.firstchild:获取该元素第一个子节点;
document.lastchild:获取该元素最后一个子节点;
document.nextSibling:获取该元素下一个兄弟节点;
document.previousSibling:获取该元素上一个兄弟节点;
----------
3、NODE属性:
节点中文 nodeType nodeName nodeValue
元素 1 tagname null
属性 2 attr 属性值
文本 3 #text 文本值
注释 8 #comment 注释文字
文档 9 #document null
----------
4、NODE增、删、查、改
1、创建NODE
1、创建元素节点:document.creatElement(Tagname);
2、创建属性节点:object.attr = val;
object.setAttribute(attr、val);
3、创造文本节点:object.innerText = val;
document.creatTextNode(text);
2、添加NODE
1、parentNode.appendChild(newNode);
说明:向节点的子节点列表的末尾添加新的节点。如果文档中已经存在newNode,它将从文档中删除,然后重新插入它的新位置。可以使用appendChild()方法移除元素到另外一个元素。
2、parentNode.insertBefore(newNode,exisingNode);
说明:如果文档树种已经存在了newNode,它将从文档中删除,然后重新插入它的新位置。
3、parentNode.replaceChild(newNode,oldNode);
说明:如果文档树种已经存在了newNode,它将从文档中删除,然后重新插入它的新位置。
4、parentNode.removeChild(node);
说明:从子节点列表中删除某个节点。
转载于:https://www.cnblogs.com/qingshixiaodao/p/5453645.html