DOM究竟是个什么东西?

DOM究竟是啥东西?怎么前端哪里都有DOM的概念?JS有,CSS有,Node.js有…总之都有。

首先:什么是DOM?
Document Object Mode
文档对象模型 (DOM) 它会将web页面和脚本或程序语言连接起来。它定义了访问HTML 和XML的标准
一个web页面是一个文档
在绝大多数现代浏览器中都有对DOM的基本实现。许多浏览器提供了对W3C标准的扩展,所以在使用时必须注意,文档可能会在多种浏览器上使用不同的DOM来访问。

paragraphs = document.getElementsByTagName("P");
// paragraphs[0] is the first <p> element
// paragraphs[1] is the second <p> element, etc.
alert(paragraphs[0].nodeName);

所有操作和创建web页面的属性,方法和事件都会被组织成对象的形式(例如, document 对象表示文档本身, table 对象实现了特定的 HTMLTableElement DOM 接口来访问HTML 表格等)。

DOM和JS有什么区别?
上面简短的示例和这个参考文档中几乎所有的示例一样,都使用·了JavaScript。也就是说,它虽然是用JavaScript编写的, 却可以通过 DOM 来访问文档和其中的元素。DOM 并不是一个编程语言,但如果没有DOM, JavaScript 语言也不会有任何网页,XML页面以及涉及到的元素的概念或模型。 在文档中的每个元素— 包括整个文档,文档头部, 文档中的表格,表头,表格中的文本 — 都是文档所属于的文档对象模型(DOM)的一部分,因此它们可以使用DOM和一个脚本语言如 JavaScript,来访问和处理。
API (web 或 XML 页面) = DOM + JS (脚本语言)
但要注意的是 DOM也可以用其他语言来实现,比如Python.

总结:还是没明白DOM究竟是什么东西
DOM概述

posted @ 2021-01-04 00:35  EvanMeetTheWorld  阅读(143)  评论(0)    收藏  举报