JavaScript的dom常用方法

`document`是JavaScript中的一个内置对象，代表当前HTML文档。它提供了一些方法和属性，用于操作和获取HTML元素和文档信息。以下是一些常见的`document`的使用方法：

## 获取元素

- `document.getElementById(id)`：通过元素id获取一个元素对象。

- `document.getElementsByClassName(class)`：通过类名获取一组元素对象。

- `document.getElementsByTagName(tagName)`：通过标签名获取一组元素对象。

- `document.querySelector(selector)`：通过CSS选择器获取一个元素对象。

- `document.querySelectorAll(selector)`：通过CSS选择器获取一组元素对象。

## 操作元素

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

- `element.innerText`：获取或设置元素的文本内容，不包含HTML标签。

- `element.style`：获取或设置元素的CSS样式。

- `element.setAttribute(name, value)`：设置元素的属性值。

- `element.getAttribute(name)`：获取元素的属性值。

- `element.appendChild(child)`：将一个元素添加到另一个元素的末尾。

- `element.removeChild(child)`：从一个元素中移除一个子元素。

- `element.addEventListener(event, handler)`：为元素添加一个事件监听器。

- `element.removeEventListener(event, handler)`：移除元素的一个事件监听器。

## 文档信息

- `document.title`：获取或设置文档的标题。

- `document.URL`：获取文档的URL。

- `document.domain`：获取文档的域名。

- `document.cookie`：获取或设置文档的cookie。

- `document.referrer`：获取文档的来源URL。

## 其他方法

- `document.write(content)`：向文档中写入HTML内容。

- `document.open()`：打开一个新的文档。

- `document.close()`：关闭当前文档。

- `document.createDocumentFragment()`：创建一个文档片段。

- `document.createRange()`：创建一个范围对象，用于操作文档中的文本节点。

需要注意的是，一些操作元素的方法可能会影响文档的性能和安全性，应谨慎使用。