document 节点对象, 代表整个文档,每张网页都有自己的 document 对象. window.document 当浏览器开始加载文档时就存在了 正常的网页使用 document 或者 window.document iframe 框架中使用 iframe 节点对象的 contentDocument 属性 Ajax 操作返回的文档,使用 XMLHttpRequest 对象的 responseXML 属性 内部节点的 ownerDocument 属性 属性 document.default…
Element 节点 (元素节点) 是一组对象 对应网页的 HTML 元素 每一个 HTML 元素,在 DOM 树上都会转化成一个 Element 节点对象(以下简称元素节点) 所有元素节点的 nodeType 属性都是 1 浏览器使用不同的构造函数,生成不同的元素节点,有各自构造函数的属性和方法 <a> 元素的节点对象由 HTMLAnchorElement 构造函数生成 <button> 元素的节点对象由 HTMLButtonElement 构造函数生成 元素特性的相关属性 El…
DocumentFragment 节点 代表一个文档的片段,本身就是一个完整的 DOM 树形结构. 它没有父节点,.parentNode 返回 null 可以插入任意数量的子节点. 不属于当前文档,操作 DocumentFragment 节点,要比直接操作 DOM 树快得多 一般用于构建一个 DOM 结构,然后插入当前文档 创建一个空的 DocumentFragment 节点 var docFrag = document.createDocumentFragment(); // 等同于 var…
概述 document节点对象代表整个文档,每张网页都有自己的document对象.window.document属性就指向这个对象.只要浏览器开始载入 HTML 文档,该对象就存在了,可以直接使用. document对象有不同的办法可以获取. 正常的网页,直接使用document或window.document. iframe框架里面的网页,使用iframe节点的contentDocument属性. Ajax 操作返回的文档,使用XMLHttpRequest对象的responseXML属性.…
在前面 DOM 概况 中,我们知道了 DOM 总共有 12 个节点类型,今天我们就来讲下 DOM 中最重要的节点类型之一的 document 节点类型. 1.概况 Javascript 通过 Document 类型表示文档.在浏览器中, document 对象是 HTMLDocument(继承自 Document 类型)的一个实例,表示整个 HTML 页面.而且, document 对象是 window 对象的一个属性,因此可以将其作为全局对象来访问. Document 节点具有如下特性: no…
document节点是文档的根节点,每张网页都有自己的document节点,window.document就是指向这个节点.只要浏览器开始载入文档,这个节点就开始了 对于HTML文档来说,document对象一般有两个子节点. doctype var doctype = document.doctype; doctype // "<!DOCTYPE html>" doctype.name // "html" 第一个子节点是document.doctype…
属性 属性本身是一个对象(Attr 对象) Element.attributes  返回一个类似数组的动态对象,成员是该元素标签的所有属性节点对象 属性的实时变化都会反映在这个节点对象上. 其他类型的节点对象,虽然也有 attributes 属性,但返回的都是 null,因此可以把这个属性视为元素对象独有的 取出每个属性节点对象(不是取属性值) 属性节点对象有 name 和 value 属性,对应该属性的属性名和属性值,等同于 nodeName 属性和 nodeValue 属性 // <div…
NodeList 接口        HTMLCollection 接口 节点都是单个对象,有时需要一种数据结构,能够容纳多个节点 DOM 提供两种节点集合,用于容纳多个节点:NodeList 和 HTMLCollection 这两种集合都属于接口规范. 许多 DOM 属性和方法,返回的结果是 NodeList 实例或 HTMLCollection 实例. 主要区别是 NodeList 可以包含各种类型的节点 HTMLCollection 只能包含 HTML 元素节点. NodeList 接口…
文档对象模型 DOM DOM 是 JavaScript 操作网页的接口, 全称为“文档对象模型”(Document Object Model). 作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容) 浏览器会根据 DOM 模型,将结构化文档(比如 HTML 和 XML)解析成一系列的节点, 再由这些节点组成一个树状结构(DOM Tree).所有的节点和最终的树状结构,都有规范的对外接口. DOM 只是一个接口规范,可以用各种语言实现. 节点 DOM 的最小…
document对象是documentHTML的一个实例,也是window对象的一个属性,因此可以将document对象作为一个全局对象来访问. Document节点的子节点可以是DocumentType,Element,ProcessingInstruction或Comment.ProcessingInstruction 对象可表示处理指令.这个不常用的接口表示 XML 文档中的一个处理指令(或 PI).使用 HTML 文档的程序设计者不会遇到 ProcessingInstruction 节点…