以下是一些 Document 对象的常见属性和方法：
常见属性
1. document.getElementById(id)： 通过元素的 id 属性获取元素对象。
var myElement = document.getElementById("myElement");
2. document.getElementsByTagName(tagName)： 通过元素的标签名获取元素对象的集合。
var paragraphs = document.getElementsByTagName("p");
3. document.getElementsByClassName(className)： 通过元素的类名获取元素对象的集合。
var elementsWithClass = document.getElementsByClassName("myClass");
4. document.querySelector(selector) 和 document.querySelectorAll(selector)： 使用 CSS 选择器获取单个或多个元素对象。
var firstElement = document.querySelector("#myContainer .myClass");
var allElements = document.querySelectorAll(".myClass");
5. document.title： 获取或设置文档的标题。
var pageTitle = document.title;
常见方法
1. document.createElement(tagName)： 创建一个指定标签名的新元素节点。
var newDiv = document.createElement("div");
2. document.createTextNode(text)： 创建一个包含指定文本内容的新文本节点。
var newText = document.createTextNode("Hello, World!");
3. document.getElementById(id).innerHTML： 获取或设置元素的 HTML 内容。
myElement.innerHTML = "<p>New content</p>";
4. document.getElementById(id).appendChild(node)： 将一个节点追加到指定元素的子节点列表的末尾。
myElement.appendChild(newDiv);
5. document.addEventListener(event, function)： 添加事件监听器，用于处理特定类型的事件。
document.addEventListener("click", function(event) {
// 处理点击事件
});
这些是 Document 对象的一些常见属性和方法。通过使用这些属性和方法，开发者可以对文档进行灵活的操作和交互，从而创建动态和交互性的网页。
转载请注明出处：http://www.zyzy.cn/article/detail/4373/HTML