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);