document 对象是浏览器环境中用于表示当前加载页面文档的对象。它提供了对文档内容的访问和操作，允许开发者通过脚本与页面元素进行交互。以下是一些常见的 document 对象的属性和方法：

1. document.getElementById(id)： 通过元素的 ID 获取对应的 DOM 元素。

   var element = document.getElementById("myElement");
   

2. document.getElementsByClassName(className)： 通过类名获取一组 DOM 元素。

   var elements = document.getElementsByClassName("myClass");
   

3. document.getElementsByTagName(tagName)： 通过标签名获取一组 DOM 元素。

   var elements = document.getElementsByTagName("div");
   

4. document.querySelector(selector)： 通过 CSS 选择器获取匹配的第一个 DOM 元素。

   var element = document.querySelector("#myElement");
   

5. document.querySelectorAll(selector)： 通过 CSS 选择器获取所有匹配的 DOM 元素。

   var elements = document.querySelectorAll(".myClass");
   

6. document.createElement(tagName)： 创建一个新的 HTML 元素。

   var newElement = document.createElement("div");
   

7. element.appendChild(childElement)： 将一个子元素添加到指定元素的末尾。

   parentElement.appendChild(newElement);
   

8. element.innerHTML： 获取或设置元素的 HTML 内容。

   var content = element.innerHTML;
   element.innerHTML = "<p>New content</p>";
   

9. element.style： 获取或设置元素的样式属性。

   element.style.color = "red";
   

10. element.addEventListener(event, callback)： 添加事件监听器，用于响应特定事件。

    element.addEventListener("click", function() {
      alert("Element clicked!");
    });
    

document 对象是与当前文档交互的主要入口点，通过它可以访问和操纵页面中的元素和内容。有其他更多的属性和方法可供使用，这里只是介绍了一些常见的。