JS之DOM是什么

作者: 饥人谷_Tom | 来源:发表于2018-01-31 20:11 被阅读48次

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

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

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

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

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

DOM树

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

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

相关文章

  • JS之DOM是什么

    js中经常会出现DOM这个词,那么DOM是何方神圣呢? DOM 是 Document Object Model(文...

  • 初步理解Virtual DOM和diff算法

    一、virtual dom是什么?它为什么会出现? 1、是什么? virtual dom即 虚拟dom 用js模拟...

  • vdom

    vdom是什么 virtual dom , 虚拟 DOM 用 js 模拟DOM结构 为什么会存在vdom DOM操...

  • 虚拟DOM详解

    vdom是什么?为何使用vdom? virtual dom,虚拟DOM 用JS模拟DOM结构 DOM操作非常昂贵 ...

  • DOM和BOM的基础知识

    目录 js组成 DOMDOM是什么DOM节点是什么查找DOM节点,查看DOM节点的属性和样式添加DOM节点删除DO...

  • 理解虚拟 DOM ,React 选择它是为了性能吗?

    虚拟 DOM 是什么 虚拟 DOM 是 JS 对象 虚拟 DOM 是对真是 DOM 的描述 虚拟 DOM 的本质是...

  • 初探Virtual dom & diff算法

    问:Virtual dom 是什么?为何会存在Virtual dom?答:用JS模拟DOM结构。原因:1.DOM操...

  • vue中的virtual DOM

    1、vdom是什么?为什么为存在vdom?(vdom = 虚拟DOM) 用js模拟dom结构 dom变化对比,放在...

  • DOM

    以下内容总结自《js高级程序设计 第三版》 今天来说说JS中的DOM以及DOM操作。 DOM是什么,做了什么? D...

  • js基础之DOM中元素对象的属性方法

    js基础之DOM中元素对象的属性方法

网友评论

    本文标题:JS之DOM是什么

    本文链接:https://www.haomeiwen.com/subject/ulblzxtx.html