以下是一些常见的 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.pingtaimeng.com/article/detail/4377/HTML