上一章我们详细介绍了JS函数的相关知识，本章我们将开始DOM的学习。
什么是DOM？DOM（文档对象模型）是一种表示HTML和XML文档的标准编程接口。它将文档解析为由节点和对象（包括元素、文本、属性等）组成的树结构，开发者可以使用DOM提供的方法和属性来操作这个树结构。DOM树以文档节点作为根节点，文档节点下面是元素节点、文本节点、注释节点等。每个节点都可以有子节点和父节点，并且可以通过节点之间的关系进行导航。开发者可以通过DOM操作来动态地修改和操纵网页中的元素、样式、内容等。
DOM操作是JS编程的核心，它使得浏览器“动”起来，提高了用户的使用体验，下面我们展示一下什么是DOM操作：
比如我们可以设置一个定时器，5s后执行更改页面h1标签的内容，其流程为：设置定时器->执行函数->获取标签->更改内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h1 {
height: 100px;
width: 400px;
color: greenyellow;
display: block;
margin: 200px auto;
}
</style>
</head>
<body>
<h1>Dotcpp编程</h1>
</body>
<script>
/* 1.设置定时器 */
setTimeout(function () {
/* 2. 获取元素 */
const ele = document.querySelector('h1')
/* 3. 更改h1标签内容 */
ele.innerHTML = 'Dotcpp编程——JS教程'
}, 5000)
</script>
</html>效果如下图所示：
总结：通过DOM操作，我们可以让浏览器展示我们想要的效果，让页面更加灵动。
C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程，并配有习题和答疑，点击了解：
一点编程也不会写的：零基础C语言学练课程
解决困扰你多年的C语言疑难杂症特性的C语言进阶课程
从零到写出一个爬虫的Python编程课程
只会语法写不出代码？手把手带你写100个编程真题的编程百练课程
信息学奥赛或C++选手的 必学C++课程
蓝桥杯ACM、信息学奥赛的必学课程：算法竞赛课入门课程
手把手讲解近五年真题的蓝桥杯辅导课程