JavaScript与dom的关系是什么

这篇文章主要讲解了“JavaScript与dom的关系是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JavaScript与dom的关系是什么”吧！

dom（文档对象模型）是JavaScript的一个组成部分，它为JavaScript提供处理网页内容的方法和接口；JavaScript对网页进行的所有操作都是通过DOM进行的。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

完整的 JavaScript 是由以下三个部分组成：

• 核心（ECMAScript）：提供语言的语法和基本对象；

• 文档对象模型（DOM）：提供处理网页内容的方法和接口；

• 浏览器对象模型（BOM）：提供与浏览器进行交互的方法和接口。

文档对象模型（DOM）：

DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。

DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点（getElementById、childNodes、appendChild、 innerHTML）。

DOM和JavaScript的关系

我们都知道JavaScript是一种编程语言，而.js文件是用JavaScript编写的代码，那么DOM在其中担任什么样的角色呢？

DOM不是一种编程语言，但如果没有DOM，JavaScript语言不会有任何网页操作。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。

下面用一段代码更直观地显示JavaScript和DOM的区别，代码中被标为红色的部分就是DOM：

var Tags = document.getElementsByTagName("a");
       for(var i = 0; i < Tags.length; i++)
       {
            alert("Href of this a element is :" + Tags[i].href + "\n");
       }

这样一来，哪些是核心JavaScript，哪些是DOM，各自起什么作用就可以一目了然。（此处不在对代码进行解释）。

因此有这样一个近似的等式：

web或XML页面 = DOM +JS(脚本语言)

感谢各位的阅读，以上就是“JavaScript与dom的关系是什么”的内容了，经过本文的学习后，相信大家对JavaScript与dom的关系是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！