关于JavaScript--HTML DOM之定义文档_请描述html,css,javascript,dom分别表示的含义-CSDN博客

本文链接：https://blog.csdn.net/Archer1724/article/details/103662323

文章目录

- 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内所有节点相互间拥有的关联关系，去实现具体的操作。

用一张图来表示吧：
在这里插入图片描述

通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：

JavaScript 能改变页面中的所有 HTML 元素
JavaScript 能改变页面中的所有 HTML 属性
JavaScript 能改变页面中的所有 CSS 样式
JavaScript 能删除已有的 HTML 元素和属性
JavaScript 能添加新的 HTML 元素和属性
JavaScript 能对页面中所有已有的 HTML 事件作出反应
JavaScript 能在页面中创建新的 HTML 事件