DOM学习笔记

DOM1定义了node接口（除了IE，其余浏览器均可以访问这个类型）。 JavaScript中全部节点都继承Node类型，所以全部节点共享基本属性和方法。

-------------------基本属性------------------------

一、nodeType

类型	常量名	值
element	ELEMENT_NODE	1
attribute	ATTRIBUTE_NODE	2
text	TEXT_NODE	3
cdata section	CDATA_SECTION_NODE	4
entity reference	ENTITY_REFERENCE_NODE	5
entity	ENTITY_NODE	6
processing instruction	PROCESSING_INSTRUCTION_NODE	7
comment	COMMENT_NODE	8
document	DOCUMENT_NODE	9
document type	DOCUMENT_TYPE_NODE	10
document fragment	DOCUMENT_FRAGMENT_NODE	11
notation	NOTATION_NODE	12

二、nodeName & nodeValue

这两个属性的取值取决于nodeType。对于元素节点（element），nodeName为元素的标签名，nodeValue的null。

 

三、后代节点列表: childNodes

var firstNode = someNode.childNodes[0];
var secondNode = someNode.childNodes.item(1);
var count = someNodes.childNodes.length;

使用item()和[]访问数组元素的效果相同。

 

---

document对象

一些好用的属性：

一、document.title

二、document.URL

三、document.domain 

这个属性是可写的。能够设置相同domain来实现跨域。

不过有一个限制是：若是域名开始时松散的，则不能将其设置为紧绷的。如：不能讲"wrox.com"这只为“p2p.wrox.com”

四、document.referrer

五、document.getElementById() (id是应该区分大小写的，可是IE8及如下版本不区分)

六、document.getElementsByTagName()

返回结果是一个HTMLCollection对象，和NodeList对象的用法相似。