DOM(文档对象模型节点）

 

DOM(文档对象模型节点）

 

节点类型

NodeType

Named Constant

nodeName的返回值

nodeValue的返回值

Element

1

ELEMENT_NODE

element name

null

Attr

2

ATTRIBUTE_NODE

属性的名称

属性值

Text

3

TEXT_NODE

#text

文本内容

 

jQuery的基本选择器底层就是js的由document调用的getElementsByName() getElementByID() getElementsByTagName()方法。今天就学习js在dom下的使用：

 

三种节点的属性如上下面就是如何遍历节点树

 

方法

说明

 

childNodes

返回一个数组，这个数组就是给定元素的子节点构成

firstChild

返回给定节点的第一个子节点

lastChild

最后一个子节点

parentNode

返回给定节点的子节点

nextSibing

返回给定节点的下一个子节点

previousSibing

返回上一个节点的上一个子节点

 

 

 

元素节点属性的增（没有删）改差

getAttribute()

通过元素节点的属性名获取属性的值

elementNode.getAttibute(name);

 

setAttribute()方法

增加一个指定名称和值的新属性，或者把一个现有的属性设为指定的值

elementNode.setAttribute(name,value);