Js DOM 基本

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.parentNode
node.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()







展开阅读全文

没有更多推荐了,返回首页