DOM的本质 和 方法

《JavaScript DOM编程艺术》 读书笔记

一句话解释DOM： DOM，即我们所看到的网页，其在浏览器背后的文档结构（树状分支结构），涵盖了每一个节点（称之为对象）。可以通过JS等语言去操控改变每一个节点，达到我们想要呈现的效果。

DOM实际上是以面向对象方式描述的文档模型。

DOM是对象，JS是语言，语言可以操作对象

DOM 是HTML文档结构，其实就是为了能让JS操作html元素而制定的一个规范，dom 的根本就是 document 对象，改对象有很多属性和方法，例如创建节点、复制节点、移除节点、修改属性等。

DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。根据W3C DOM规范，DOM是HTML与XML的应用编程接口（API）。

通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

DOM对象，即是我们用传统的方法(javascript)获得的对象。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容，

文档对象模型，把整张网页组织成这样的一个树状的结构，树结构中的每一个元素都被视为一个节点，包括JS在内的任何语言都可以通过DOM来改变整个网页的细节。

有关JS的问题，有95%其实是DOM的问题。

 

在传统HTML里分：元素、标签、属性、文本 等等不同物件。但是，在DOM里 任何一个东西统称为 对象，即 节点（Node）。

 

 

 

getElementById   通过 id 获取元素

getElementByTagName   通过标签名 获取元素

getElementByClassName   通过类名获取元素

 

getAttribute  获取属性  

setAttribute  设置属性

 

childNodes  

nodeType  节点类型

nodeValue   

firstChild   lastChild   

createElement   创建元素

appendChild   插入子节点

createTextNode  创建文字

insertBefore()   把1个新元素插入1个现有元素之前  p109

parentNode  父节点   p109