从零学前端第九讲：JavaScript的Dom和Bom_javascript dom 和bom

作者：很楠不爱3 | 2024-06-12 22:00:44

踩

javascript dom 和bom

修真院Web工程师零基础全能课

本节课内容：

JavsScript的Dom和Bom

主讲人 沁修

项目经验丰富，擅长H5移动项目、敏捷开发。

直播录屏版

DOM就是文档对象模型，什么是文档对象模型？这就需要好好说说了。

HTML的文档document页面是一切的基础，没有它dom就无从谈起。

当创建好一个页面并加载到浏览器时，DOM就悄然而生，它会把网页文档转换为一个文档对象，主要功能是处理网页内容。

在这个文档对象里，所有的元素呈现出一种层次结构，就是说除了顶级元素html外，其他所有元素都被包含在另外的元素中。

假如有这么一段html代码：

<html>

<head>

</head>

<body>

</body>

</html>

那么它的树就应该是下面这样的一颗倒长的树。

一颗家谱树，而家谱树本身就是一种模型，其典型用法是表示表示人类家族谱系。

它很容易表明家族成员之间的关系，把复杂的关系简明地表示出来，因此这种模型非常适合表示一份html的文档：

文档对象模型就是基于这样的文档视图结构的一种模型所有的html页面都逃不开这个模型，也可以把它称为节点树更为准确。

节点表示网络中的一个连接点，一个网络就是由一些节点构成的。

而文档就是由节点构成集合，只不过他们是构成节点树上的树枝树叶而已。

这些节点有许多不同的类型，我们先来看看其中的三种：

元素节点、文本节点和属性节点。

HTML的标签元素就是DOM的元素节点，它提供了一份文档的结构。

但这份文档本身不会包含任何内容，因此元素节点可以包含其他的节点。

文本节点是节点类型的一种，它总是被包含在元素节点内部，形成页面文档的主要内容。

属性节点用于对元素做出个个具体的描述，例如：

a元素的href属性，img元素的alt属性。

属性总是被放在起始标签里，因此属性节点也总是被包含在元素节点中。

虽然并非所有的元素节点都包含属性，但所有的属性一定都被元素节点包含。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/709804