本文介绍了JavaScript中的DOM和BOM，包括DOM的概念、节点类型、节点操作，以及BOM中的window对象、系统对话框、窗口操作等。通过示例详细讲解了如何获取和操作DOM元素，以及如何利用BOM进行浏览器交互。
修真院Web工程师零基础全能课
本节课内容：
JavsScript的Dom和Bom
主讲人 沁修
项目经验丰富，擅长H5移动项目、敏捷开发。
直播录屏版
传送门：https://v.qq.com/x/page/q0732gi60q6.html
1、什么是DOM
DOM就是文档对象模型，什么是文档对象模型？这就需要好好说说了。
HTML的文档document页面是一切的基础，没有它dom就无从谈起。
当创建好一个页面并加载到浏览器时，DOM就悄然而生，它会把网页文档转换为一个文档对象，主要功能是处理网页内容。
在这个文档对象里，所有的元素呈现出一种层次结构，就是说除了顶级元素html外，其他所有元素都被包含在另外的元素中。
假如有这么一段html代码：
<html>
<head>
<title>文档标题</title>
</head>
<body>
<a href=“”>我的链接</a>
<h1>我的标题</h1>
</body>
</html>
那么它的树就应该是下面这样的一颗倒长的树。
一颗家谱树，而家谱树本身就是一种模型，其典型用法是表示表示人类家族谱系。
它很容易表明家族成员之间的关系，把复杂的关系简明地表示出来，因此这种模型非常适合表示一份html的文档：
文档对象模型就是基于这样的文档视图结构的一种模型所有的html页面都逃不开这个模型，也可以把它称为节点树更为准确。
2.节点类型
节点表示网络中的一个连接点，一个网络就是由一些节点构成的。
而文档就是由节点构成集合，只不过他们是构成节点树上的树枝树叶而已。
这些节点有许多不同的类型，我们先来看看其中的三种：
元素节点、文本节点和属性节点。
HTML的标签元素就是DOM的元素节点，它提供了一份文档的结构。
但这份文档本身不会包含任何内容，因此元素节点可以包含其他的节点。
文本节点是节点类型的一种，它总是被包含在元素节点内部，形成页面文档的主要内容。
属性节点用于对元素做出个个具体的描述，例如：
a元素的href属性，img元素的alt属性。
属性总是被放在起始标签里，因此属性节点也总是被包含在元素节点中。
虽然并非所有的元素节点都包含属性，但所有的属性一定都被元素节点包含。
3.节点操作
3.1获取元素节点
获取元素节点有4种方法，分别通过元素ID，标签名字，类名和css选择器来获取。
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
