2024年6月7日发(作者：)

javascript document用法

JavaScript的Document对象是Web页面中的一个核心对象，它代表了整个

HTML文档。Document对象提供了许多有用的方法和属性，用于操作和处理

HTML元素。

1. 获取HTML元素

Document对象提供了多种方法来获取HTML元素。以下是一些常用的方法：

- getElementById(id)：根据元素的id属性获取元素。

- getElementsByClassName(className)：根据元素的class属性获取元素。

- getElementsByTagName(tagName)：根据元素的标签名获取元素。

- querySelector(selector)：根据CSS选择器获取元素。

- querySelectorAll(selectors)：根据CSS选择器获取所有匹配的元素。

2. 操作HTML元素

Document对象还提供了一些方法和属性，用于操作HTML元素。以下是一些

常用的方法和属性：

- createElement(tagName)：创建一个新的HTML元素。

- createTextNode(text)：创建一个包含指定文本内容的文本节点。

- innerHTML：获取或设置元素的HTML内容。

- className：获取或设置元素的class属性。

- style：获取或设置元素的样式属性。

3. 修改页面内容

Document对象还可以用于修改页面的内容。以下是一些常用的方法：

- appendChild(node)：在指定元素中插入一个新的子节点。

- removeChild(node)：从指定元素中移除一个子节点。

- replaceChild(newNode, oldNode)：用新的节点替换指定元素中的旧节点。

- write(text)：将指定的文本字符串写入HTML文档。

4. 获取页面信息

Document对象还可以获取有关当前页面的信息。以下是一些常用的属性：

- title：获取或设置HTML文档的标题。

- URL：获取当前页面的URL。

- domain：获取当前页面的域名。

- referrer：获取上一页面的URL。

总结：

Document对象是JavaScript中操作HTML文档的核心对象，它可以用于获取、

创建、操作和修改HTML元素和内容。了解Document对象的用法，可以使你更好

地控制和操作Web页面的内容。