JavaScript进阶(1)-DOM简介_javascript进阶（一）：dom对象详解-CSDN博客

本文链接：https://blog.csdn.net/qq_32901251/article/details/88425637

内建对象
宿主对象（DOM、BOM）
自定义对象

1、什么是DOM？
文档对象模型。
解释：
文档：一个html页面就是一个文档
对象：网页中有各种各样的标签，标签中有各种属性，将网页中的每一个部分都转换为对象（一切都是对象）
模型：对象多了不好管，使用模型来表示对象之间的关系，方便获取对象
（想要修改网页中的某个元素，只需要找到这个对应的对象，然后调用它的属性或者方法，即可修改）
在这里插入图片描述
模型能体现出节点和节点之间的关系（Node）

2、节点
所谓的节点，其实也是对象。
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button id="btn">我是一个按钮</button>
		<script type="text/javascript">
			
			/*
			 * 浏览器已经为我们提供 文档节点 对象这个对象是window属性
			 * 	可以在页面中直接使用，文档节点代表的是整个网页
			 */
			//console.log(document);
			
			//获取到button对象
			var btn = document.getElementById("btn");
			
			//修改按钮的文字
			btn.innerHTML = "I'm Button";
			
			
		</script>
	</body>
</html>