Js DOM 基本

来源:互联网 发布:西门子plc200编程实例 编辑:程序博客网 时间:2024/06/05 08:58
Dom最基本最常用的属性和方法:属性:1,Attributes 存储节点的属性列表(只读)2,childNodes 存储节点的子节点列表(只读)3,documentElement 返回文档的根元素(可读写)4,firstChild 返回当前节点的第一个子节点(只读)5,lastChild 返回当前节点最后一个子节点(只读)6,nextSibling 返回当前节点的下一个兄弟节点(只读)7,nodeName 返回节点的名字(只读)8,nodeType 返回节点的类型(只读)9,nodeValue 返回节点的文本(可读写)10,parentNode 返回父节点(只读)11,previousSibling 返回此节点的前一个兄弟节点(只读)12,Text 返回此节点及其后代的文本内容(可读写)方法:1,appendChild 为当前节点添加一个新的子节点,放在最后的子节点后2,cloneNode 返回当前节点的拷贝3,createAttribute 创建新的属性4,createElement 创建一个元素节点5,createNode 创建给定类型,名字和命名空间的节点6,createTextNode 创建包括给定数据的文本节点7,getElementsByTagName 返回指定名字的元素集合8,removeChild 从子结点列表中删除指定的子节点9,replaceChild 从子节点列表中替换指定的子节点10,contains 是否含有某一个节点11,hasChildNodes 是否含有子节点节点的相对引用:(设当前对节点为node)返回父节点node.parentNodenode.parentElement返回子节点集合(包含文本节点及标签节点)node.childNodes返回子标签节点集合node.children返回子文本节点集合node.textNodes返回第一个子节点node.firstChild返回最后一个子节点node.lastChild返回同属下一个节点node.nextSibling返回同属上一个节点node.previousSibling节点的操作:添加节点:  node.appendChild(childNode)删除节点:  node.removeChild()替换节点:  node.replaceNode()复制节点:  node.cloneNode(booleanObj)//booleanObj是一个布尔值,true复制所有的子节点,false不复制信息的判断:是否包含某一个节点:  node.contains()是否含有子节点  node.hasChildNodes()