JavaScript中，dom是一套操作文档内容的方法，可以完成查、增、删、改（先删后增）的操作。而且dom的开发效率很高，还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。
1、什么是dom？
dom，全称Document Object Model文档对象模型，是 W3C 的标准； [所有浏览器公共遵守的标准] 。
用于处理网页内容的方法和接口，简单的说就是一套操作文档内容的方法。
2、dom组成：
由HTML、CSS、事件（交互）组成。HTML、CSS完成查、增、删、改（先删后增）的操作。
3、dom缓存：
把查询到的东西存放到一个变量中，该变量占用的是浏览器的内存。
浏览器中所有被访问过的页面都会被存放到BOM的history中。
4、优缺点：
优点：
开发效率高：页面的更新可以先全部反映在JS对象(虚拟DOM)上，操作内存中的JS对象的速度显然要更快，等更新完成后，再将最终的JS对象映射成真实的DOM，交由浏览器去绘制。此外dom无需手动操作，帮我们以可预期的方式更新视图，极大提高我们的开发效率；
跨平台： 虚拟 DOM 本质上是 JavaScript 对象,而 DOM 与平台强相关，相比之下虚拟 DOM 可以进行更方便地跨平台操作，例如服务器渲染、weex 开发等等。
缺点:
无法进行极致优化： 虽然虚拟 DOM + 合理的优化，足以应对绝大部分应用的性能需求，但在一些性能要求极高的应用中虚拟 DOM 无法进行针对性的极致优化。
以上就是JavaScript中dom的介绍，还需注意的是首次渲染大量dom时，由于多了一层虚拟dom的计算，插入会慢一些哦~更多js学习推荐：。
伴沃教育还为您提供以下相关内容希望对您有帮助：
javascript对象有哪些
3. DOM对象：在浏览器环境中，JavaScript可以操作网页的DOM（文档对象模型）。DOM对象代表了网页中的元素和组件，如元素节点、属性节点等。通过操作这些DOM对象，可以实现页面元素的动态改变和交互功能。4. BOM对象：BOM（浏览器对象模型）是浏览器提供的JavaScript接口，它包含了与浏览器窗口和文档有关的对...
dom对象是什么
DOM是一种用于表示和操作文档结构的接口。无论是HTML文档还是XML文档，都可以通过DOM来访问和修改文档中的元素。DOM将整个文档结构化为一个对象树，每个节点都是一个对象，这些对象具有属性和方法，可以用来获取或修改文档的内容。2. DOM的作用 DOM的主要作用是提供了一个与文档结构交互的接口。通过DOM，...
javascript的dom是什么意思
DOM= Document Object Model，即“文档对象模型”，是网页文档中各种对象所构成的一种树状结构。
javascript中的BOM和DOM什么区别?
BOM是浏览器对象模型，DOM是文档对象模型，前者是对浏览器本身进行操作，而后者是对浏览器（可看成容器）内的内容进行操作。应该说DOM包含了string、window、document（这三个是都是DOM里不同类别的对象）。window对象为模型中最高一级，window.document的写法正说明此点 ...
一文带你搞懂JavaScript的DOM事件流
JavaScript事件流涉及事件在DOM结构中的传播和触发顺序，对于构建交互性强的网页或应用至关重要。事件流分为三个阶段：捕获阶段、目标阶段和冒泡阶段。在捕获阶段，事件从最外层元素向目标元素传播；在目标阶段，事件触发于目标元素；在冒泡阶段，事件从目标元素向外层元素传播。理解事件流的顺序和机制，有助...
DOM是什么?
要改变页面的某个东西，JavaScript 就需要对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。所有的...
dom是什么属性
DOM 是一种与文档结构对应的对象树，它使得开发者可以使用编程方式访问和修改页面的内容、结构和样式。无论HTML文档多么复杂，它都可以被视为一个由节点和对象组成的集合。这些节点和对象都有特定的属性和方法，可以被JavaScript等脚本语言访问和操作。因此，DOM是Web开发中的核心组成部分，是实现动态网页...
dom一般怎么玩
一般而言，使用DOM主要遵循以下步骤：1. **获取DOM元素**：首先，你需要通过JavaScript选择器（如`document.getElementById()`, `document.querySelector()`, `document.getElementsByClassName()`等）找到想要操作的DOM元素。2. **操作DOM元素**：找到元素后，可以对其进行各种操作，比如修改其属性（如`...
javascriptbom是什么及bom和dom的区别_javascript技巧
什么是BOMBOM是browser object model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织...
javascript的成熟分类
文档对象模型（DOM）是JavaScript在Web开发中的重要应用之一。DOM将HTML或XML文档转换为一个由对象组成的结构，这些对象可以通过JavaScript进行访问和操作。通过DOM，JavaScript可以动态地改变网页的内容、结构和样式，实现丰富的交互效果。例如，通过JavaScript查询DOM元素、修改元素属性或内容、添加或删除元素等，...