HTML DOM 简介学习笔记
什么是HTML DOM
HTML DOM（文档对象模型）是HTML文档的编程接口，它将整个HTML文档解析成一个树形结构，然后开发人员可以使用脚本语言（比如JavaScript）来操作这个树形结构，改变HTML文档中的内容、属性和样式。
HTML DOM 树
HTML DOM树由各种类型的节点组成，包括元素节点、属性节点和文本节点。每个节点都有相应的属性和方法可以被JavaScript调用。
以下是一个例子，我们将使用JavaScript代码来访问HTML DOM树中的节点：
htmlCopy Code<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Example</title>
</head>
<body>
<h1 id="title">Hello World!</h1>
<p>This is a paragraph.</p>
<script>
var titleNode = document.getElementById("title"); // 获取id为"title"的元素节点
titleNode.innerHTML = "Welcome to my website!"; // 改变该元素的innerHTML属性值
var paraNode = titleNode.nextSibling; // 获取下一个兄弟节点（即p标签）
paraNode.style.color = "red"; // 改变p标签的文本颜色
</script>
</body>
</html>
以上代码中，我们通过document.getElementById()方法获取了id为"title"的元素节点，并将其innerHTML属性值改为"Welcome to my website!"，然后通过titleNode.nextSibling获取了下一个兄弟节点（即p标签），并将其文本颜色改为红色。
通过以上例子，我们可以看到，使用HTML DOM，开发者可以轻松地改变HTML文档中的内容和样式，从而实现各种互动效果。