JavaScriptDOM进阶方法_基础知识

一 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; // 获取和设置