HTML DOM(文档对象模型)提供了一种将网页文档表示为树结构的方式,并通过这个树结构来访问和操作网页的内容的方法。DOM 将网页表示为由节点组成的树,其中每个节点都表示文档中的不同部分。

以下是一些常见的 HTML DOM 对象:

1. document 对象: 表示整个 HTML 文档。通过 document 对象,你可以访问和操作文档的元素、属性和方法。
   var title = document.title;  // 获取文档标题

2. element 对象: 表示 HTML 元素。通过这个对象,你可以获取和设置元素的属性、样式以及操作元素的内容。
   var myElement = document.getElementById("myId");
   myElement.innerHTML = "新的内容";

3. Node 对象: 表示 DOM 树中的节点。元素、属性、文本等都是节点。Node 对象有一些通用的属性和方法,如 nodeName、nodeType 和 appendChild()。
   var node = document.getElementById("myNode");
   console.log(node.nodeName);  // 获取节点名称

4. Event 对象: 表示事件,包含有关事件的信息,如事件的类型、目标元素等。在事件处理程序中,可以通过参数获取事件对象。
   document.getElementById("myButton").addEventListener("click", function(event) {
     console.log("事件类型:" + event.type);
     console.log("目标元素:" + event.target.id);
   });

这些对象是 HTML DOM 中的一部分,通过它们,你可以操纵网页的结构、样式和行为。这些例子只是基础,HTML DOM 还有许多其他对象和方法,用于处理表单、样式、事件等各个方面。


转载请注明出处:http://www.zyzy.cn/article/detail/4377/HTML