JS之DOM是什么

js中经常会出现DOM这个词,那么DOM是何方神圣呢?

DOM 是 Document Object Model(文档对象模型)的缩写。下面是MDN对DOM的解释:

文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。

DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将web页面和脚本或程序语言连接起来。

在浏览器渲染机制中,浏览器解析HTML标签,构建DOM树,如下图:

DOM树

每个元素都可与看做一个对象,每个对象都叫做一个节点(node)

DOM有什么用呢?
就是为了操作HTML中的元素,使得网页被下载到浏览器后改变网页内容成为可能

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 之前通过深入学习DOM的相关知识,看了慕课网DOM探索之基础详解篇这个视频(在最近看第三遍的时候,准备记录一点东西...
    微醺岁月阅读 4,515评论 2 61
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 简介浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.c...
    听风阁阅读 3,313评论 0 7
  • 看到一个视频教程说,建议1:1临摹,先把形和原图的大体位置画出来(起草),然后画一些地方(例如五官)最好找个参照物...
    要醉阅读 493评论 0 1
  • 不知,上帝为何要为你披上黑色大衣。 或许,是因为要赐予你独特的寂静和神秘。 来时,静静地悄无声息。 去时,将华丽留...
    糖果_229b阅读 172评论 0 0