HTML+CSS+JS笔记：定义、分类及节点关系.pdfVIP

DOM的定义

DOM，DocumentObjectModel，文档对象模型。我们可以把网页中的所有“东西”看成是“对象”。

DOM是W3C制定的网页或规则，而这个，在浏览器中，以“对象”的形式得以实现。

DOM的定义：DOM可以使，动态的或操作，网页的内容、网页外观、网页结构。

DOM的分类

DOM：了同时操作HTML文档和XML文档的公共的属性和方法。

HTMLDOM：针对HTML文档的的属性方法。

XMLDOM：针对XML文档的的属性和方法。(就业班讲)

CSSDOM：了操作CSS的属性和方法。

EventDOM：对象模型。如：onclick、onload等。

HTML节点树

节点关系

根节点，一个HTML文档只有一个根，它就是HTML节点。

子节点：某一个节点的下级节点。

父节点：某一个节点的上级节点。

兄弟节点：两个子节点同属于一个父节点。

DOM点类型

document文档节点，代表整个网页，不代表任何HTML标记。但它是html节点的父节点。

element元素节点，指任何HTML标记。每一个HTML标记就称一个“元素节点”。它可以有文本节点和属性

节点。

attribute属性节点。指HTML标记的属性。

DOM的定义

DOM，文档对象模型，文档对象模型。我们可以通过网页中的所有“东西”来看到“对象”。

DOM的

DOM：同时操作HTML文档和XML文档的公共属性和方法。

HTMLDOM：通过特殊属性方法的HTML文档。

XMLDOM：XML设计的可以的属性和思想。

CSSDOM：了操作CSS的属性和方法。

EventDOM：公司电视。如：onclick、onload等。

HTML节点树

节点关系

根根，单个HTML文档只有一个节点，它是一个HTML节点。

子节点：某个节点的下级节点。

父亲可能：某个可以的上级可以。

兄弟兰区：云天子小区包含一个父兰度。

节点类型的DOM

document文档节点，代表整个网页，不代表任何HTML。但它是父节点的html节点。

element元素元素节点，指任意HTML。

属性安全卡行。指HTML设计剧情。

text节点。是节点树的最底节点。

DOM中的公共的属性和方法

提示：DOM中查找节点(标记)，都是从根节点开始的(html节点)。

1、节点

nodeName：节点名称。

nodeValue：节点的值。只有文本节点才有值，元素节点没有值。nodeValue的值只能是“纯文本”，不能含有

任何的HTML标记或CSS属性。

firstChild：第1个子节点。

lastChild：最后1个子节点。

childNodes：子节点列表，是一个数组。

parentNode：父节点。

查找html标记的方法

document.firstChild

document.documentElement

查找bod