在JavaScript中,`document` 是一个内建的对象,代表当前HTML文档的DOM树。我们可以使用它来访问和操作HTML文档的各个元素和属性。
以下是一些常见的使用方式:
1. 访问元素:可以使用`getElementById()`方法根据元素ID获取特定元素,例如:
```javascript
var element = document.getElementById("elementId");
```
2. 修改元素内容:可以使用`innerHTML`属性来修改元素的HTML内容,例如:
```javascript
element.innerHTML = "新内容";
```
3. 修改元素样式:可以使用`style`属性来修改元素的CSS样式,例如:
```javascript
element.style.color = "red";
```
4. 添加事件监听器:可以使用`addEventListener()`方法来为元素添加事件监听器,例如:
```javascript
element.addEventListener("click", function() {
// 事件处理代码
});
```
5. 创建新元素:可以使用`createElement()`方法创建新的HTML元素,例如:
```javascript
var newElement = document.createElement("div");
```
6. 添加元素到文档中:可以使用`appendChild()`方法将元素添加到父元素中,例如:
```javascript
parentElement.appendChild(newElement);
```
这些只是一些常见的使用方式,`document`对象提供了更多的方法和属性,可以根据具体的需求进行进一步的探索和使用。