web端dom综述

参考：

https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model

 

文档对象模型 (DOM) 

将 web 页面与到脚本或编程语言连接起来。通常是指  JavaScript，但将 HTML、SVG 或 XML 文档建模为对象并不是 JavaScript 语言的一部分。DOM模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点(node)，每个节点都包含着对象(objects)。DOM的方法(methods)让你可以用特定方式操作这个树，用这些方法你可以改变文档的结构、样式或者内容。节点可以关联上事件处理器，一旦某一事件被触发了，那些事件处理器就会被执行。

 

HTML文档

参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML

1，含所有标签

 

SVG文档

参考：https://developer.mozilla.org/zh-CN/docs/Web/SVG

可缩放矢量图形（Scalable Vector Graphics，SVG）

是一种用于描述二维的矢量图形，基于 XML 的标记语言。作为一个基于文本的开放网络标准，SVG能够优雅而简洁地渲染不同大小的图形，并和CSS，DOM，JavaScript和SMIL等其他网络标准无缝衔接。本质上，SVG 相对于图像，就好比 HTML 相对于文本。

1，主要用于绘图

 

XML文档

参考：https://www.runoob.com/xml/xml-intro.html

XML 指可扩展标记语言（EXtensible Markup Language）。

1，主要用于数据定义，存储和传输