JavaScript DOM进阶方法

DOM自身存在很多类型,在上一章中有介绍,比如Element类型:表示的是元素节点;再比如Text类型;表示的是文本节点;

一 DOM类型

类型名 说明 Node 表示所有类型值的统一接口,IE不支持; Document 表示文档类型; Element 表示元素节点类型; Text 表示文本节点类型; Comment 表示文档中的注释类型; CDATASection 表示CDATA区域类型; DocumentType 表示文档声明类型; DocumentFragment 表示文档片段类型; Attr 表示属性节点类型;

1.Node类型

DOM1级定义了一个Node接口,该接口将由DOM中的所有节点类型实现; 这个Node接口在JavaScript中是作为Node类型实现的; 除IE之外,在其他所有浏览器中都可以访问到这个类型;

2.Document类型

// Document类型表示文档,或文档的根节点,而这个节点是隐藏的,没有具体的元素标签; document; // document; document.nodeType; // 9;类型值; document.childNodes[0]; // DocumentType;第一个子节点对象; document.childNodes[1]; // HTMLHtmlElement; 对象;

// 如果想直接得到标签的元素节点对象HTMLHtmlElement,可以直接使用documentElement即可; document.documentElement; // HTMLHtmlElement;

// 很多时候需要得到标签,之前常用的是:document.getElementsByTagName('body')[0]; document.body; // HTMLBodyElement;

// 在之前还有一个文档声明:会作为浏览器的第一个节点来处理; document.doctype; // DocumentType;

// 在Document中有一些遗留的属性和对象集合,可以快速的帮助我们精确的处理任务; // 属性 document.title; // 获取和设置