以下是一些常见的 DOM 对象：
1. document 对象： document 对象代表整个 HTML 文档，它是 DOM 树的根节点。开发者可以通过 document 对象来访问和操纵文档中的元素、属性、文本内容等。
// 获取文档标题
var title = document.title;
2. 元素对象： 元素对象表示 HTML 文档中的一个元素，如 <div>、<p> 等。可以通过 document.getElementById()、document.getElementsByTagName()、document.getElementsByClassName() 等方法获取元素对象。
// 获取 id 为 "myElement" 的元素对象
var myElement = document.getElementById("myElement");
3. 节点对象： 节点对象是 DOM 树中的节点，包括元素节点、文本节点、注释节点等。元素节点表示 HTML 中的标签，而文本节点表示标签内的文本内容。
// 获取第一个子节点（元素节点）
var firstChild = document.firstChild;
4. 属性对象： 属性对象表示元素的属性，可以通过元素对象的 getAttribute()、setAttribute() 方法来操作。
// 获取元素的 class 属性值
var elementClass = myElement.getAttribute("class");
// 设置元素的 class 属性值
myElement.setAttribute("class", "newClass");
5. 事件对象： 事件对象表示用户操作或浏览器触发的事件，如点击、鼠标移动、键盘输入等。通过事件对象可以获取有关事件的信息，并进行相应的处理。
// 添加点击事件监听器
myElement.addEventListener("click", function(event) {
// 处理点击事件
console.log("Element clicked!");
});
这些是一些常见的 DOM 对象，通过这些对象和相关的方法，开发者可以对 HTML 文档进行灵活的操作和交互。 DOM 提供了一种结构化的方式来处理和操纵文档内容，是前端开发中重要的概念之一。
转载请注明出处：http://www.zyzy.cn/article/detail/4372/HTML