DOM是什么？有什么用处？js与DOM啥关系？

本文转载于： https://blog.csdn.net/u012155729/article/details/78135393

转载仅供本身后期学习

DOM简介
你们都想知道dom是什么，翻了各类文档，找了各类资料，看完仍是云里雾里的，想表达吧，又说不上来，若是，您是大神，请绕道，又或者看完个人文章，有不足之处，欢迎提出，本人会积极改正。原本就是互相学习的过程嘛…嘿嘿**
在各类网站上都能找到的信息，这里就不一一说了，直奔主题。
（基本信息：[dom介绍(http://www.w3school.com.cn/htmldom/dom_intro.asp)）
一、DOM
DOM全称 Document Object Model，即文档对象模型，它容许脚本(js)控制Web页面、窗口和文档。对象你知道吧，一我的就是一个对象。那么动物呢，一条狗也是对象，做为高大尚的人怎么能够和动物扯在一块，这个时候，是否是就要分类啦好比人类呀，动物啦，植物啦，等等… 因此就有了w3c里面介绍的那样咯，DOM 标准被分为 3 个不一样的部分：
核心 DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型
HTML DOM - 针对 HTML 文档的标准模型
哎呀，说了那么久，还不是一大堆feihua吗
二、DOM的做用
作网页的都知道，想要作一个动态页面，须要交互之类的，那这个时候，静态页面是没法知足的，千万别跟我说，你能够提早把要查询的显示的内容写在代码里，那么多数据，你要写几年啊。。要实时变化嘛，固然得有后台支持。就好比你在博客里，修改我的信息，添加一个标签页，删除个性签名等等，都须要同步的额。

看看DOM树长什么样

DOM基本功能：
① 查询某个元素
② 查询某个元素的祖先、兄弟以及后代元素
③ 获取、修改元素的属性
④ 获取、修改元素的内容
⑤ 建立、插入和删除元素
按照不一样的类型来分，dom有不一样的节点：文档节点、元素节点、属性节点、文本节点、注释节点，别说话，看图：

总的来讲，   HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。 经过 DOM，能够访问全部的 HTML 元素，连同它们所包含的文本和属性。能够对其中的内容进行修改和删除，同时也能够建立新的元素。 HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。 三、JS 和DOM有什么联系吗？ js是代码，html是标记语言哦 想要作成动态页面，确定要用到js了，管你是vue仍是ng仍是什么的。 DOM的妙处在于：它可以在全部浏览器上提供一种一致的方式，经过代码访问HTML的结构和内容。 一、在浏览器加载一个页面时，浏览器会解析HTML，并建立文档的一个内部模型，其中包含HTML标记的全部元素，自上而下解析，遇到JavaScript浏览器会检查它的正确性，而后执行代码。 二、JavaScript继续执行，使用DOM检查页面、完成修改、从页面接受事件，或者要求浏览器从Web服务器获取其它数据 注：document是一个反映HTML的对象，经过调用document的方法改变DOM的状态，也就是改变HTML页面 三、JavaScript修改了DOM时，浏览器会随着动态更新页面。 DOM就是一张映射表啦，记录着一堆用代码操控document时的规章制度，直白点说，就是js操做html时的API --------------------- 做者：七色花的姐姐 来源：CSDN 原文：https://blog.csdn.net/u012155729/article/details/78135393 版权声明：本文为博主原创文章，转载请附上博文连接！