JavaScript中的document

在JavaScript中，document 是一个核心对象，代表了浏览器中的当前HTML文档。

document 是 Document 接口的一个实例，提供了访问和操作文档内容的方法和属性。

document 对象是全局 Window 对象的一部分，因此在网页的任何地方都可以访问到它，无需任何额外的引用。

document 对象是JavaScript中操作DOM的核心，通过它可以实现动态的网页内容更新、事件处理和用户交互等功能。

document 对象的主要特点和用途：

1、访问和修改DOM（Document Object Model）：
通过 document 对象可以访问和修改HTML文档的结构、样式和内容。例如，可以使用 getElementById、getElementsByClassName、getElementsByTagName 和 querySelector 等方法来选择文档中的元素。

2、创建新元素：
使用 createElement 方法可以创建新的HTML元素。

3、操作文档内容：
 使用 write 和 writeln 方法可以向文档中写入文本内容。

4、获取文档信息：
document 提供了许多属性来获取文档的相关信息，如 document.title 获取或设置文档标题，document.URL 获取文档的URL等。


5、事件处理：
可以为 document 对象添加事件监听器，以响应用户操作，如点击、滚动等。

6、Cookie管理：
通过 document.cookie 属性可以访问和设置Cookie。

7、表单操作：
提供了方法来提交表单（submit）和重置表单（reset）。

8、加载和卸载文档：
DOMContentLoaded 事件在初始的HTML文档被完全加载和解析后触发，不等待样式表、图片和子框架完成加载。

示例代码：

点击查看代码

// 获取文档的标题
console.log(document.title);

// 创建一个新的段落元素
var newParagraph = document.createElement('p');
newParagraph.textContent = '这是一个新段落';

// 将新段落添加到文档的body中
document.body.appendChild(newParagraph);

// 获取文档中所有的段落元素
var paragraphs = document.getElementsByTagName('p');

// 为文档添加点击事件监听器
document.addEventListener('click', function(event) {
  console.log('文档被点击了');
});