关于JavaScript--HTML DOM之定义文档
文章目录
HTML DOM是什么？
-
DOM 的全称是Document Object Model，指文档对象模型。
-
是W3C制定的标准接口规范，是一种处理HTML和XML文件的标准API。
-
作为DOM标准的一大部分，HTML DOM提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个节点表示了一个HTML标签或标签内的文本项。DOM树结构精确地描述了HTML文档中标签间的相互关联性。将HTML文档转化为DOM树的过程称为解析(parse)。HTML文档被解析后，转化为DOM树，因此对HTML文档的处理可以通过对DOM树的操作实现。DOM模型不仅描述了文档的结构，还定义了结点对象的行为，利用对象的方法和属性，可以方便地访问、修改、添加和删除DOM树的结点和内容。
-
通过一张图来体现HTML DOM树，又名节点树：
从这张图我们看到，HTML DOM 是将HTML完全视为节点树，每个事物都是节点。 -
整个文档是文档节点；每个元素是元素节点；每个元素属性是属性节点；每个元素内的文本是文本节点；每个注释是注释节点。
-
整个节点树是具有层级关系的。父元素（parent）、子元素(child)、同胞元素(sibling)…这些可以用来表示元素之间的层级关系。比如说：图中的<head>和<body>是同一层次，属于对方的同胞元素；而它们拥有共同的父元素<html>；反之，<html>拥有<head>和<body>两个子元素。更加具体划分的部分，在后文中详写。
-
可以说：HTML DOM 就是利用HTML内所有节点相互间拥有的关联关系，去实现具体的操作。