DOM（Document Object Model）是网页内容的概念化和抽象，它允许通过编程接口动态访问和修改网页的内容、结构和样式。JavaScript中，我们可以使用DOM来操作页面元素，如`document.images[2]`获取第三个图像。DOM由文档、对象和模型组成，其中对象包括用户自定义、内建和宿主对象。W3C定义DOM为与平台和语言无关的接口。
本文章，大部分内容摘自《JavaScript DOM编程艺术(第2版)》，加一些自己阅读过程中的理解。
什么是DOM？DOM（Document Object Model）是一套对文档的内容进行抽象和概念化的方法。
例子：在现实世界里，"世界对象模型"的抽象和概念化。
抽象："汽车","房子","树"，当我们说出这些名词，我们可以百分百地知道我们说的是什么。
概念化："第三","左边",在大家有着基本的共识后，才能理解"第三"，"左边"的含义。
在网页中：
JavaScript预先定义了"images" 和 "forms"等术语，我们在JavaScript脚本里引用"文档中第三个图像"可以这样表达：
document.images[2]
W3C对DOM的定义：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。
DOM中的 " D "：文档
当把创建的网页加载到Web浏览器时，它就把你编写的网页文档转换成了一个网页对象。
DOM中的 " O "：对象
用户自定义对象：。
内建对象：内建在JavaScript语言里的对象，如Array、Math、Date等。
宿主对象：浏览器提供的对象，如Window、Document等
DOM中的 " M "：模型
扫一扫
1956
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
