DOM学习笔记

DOM1定义了node接口(除了IE,其他浏览器都可以访问这个类型)。 JavaScript中所有节点都继承Node类型,因此所有节点共享基本属性和方法。

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

1、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

2、nodeName & nodeValue

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

3、后代节点列表: childNodes

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

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


document对象

一些好用的属性:

1、document.title

2、document.URL

3、document.domain 

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

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

4、document.referrer

5、document.getElementById() (id是应该区分大小写的,但是IE8及以下版本不区分)

6、document.getElementsByTagName()

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

原文地址:https://www.cnblogs.com/hemi/p/4723337.html