js中的document怎么使用

在JavaScript中，document 是一个内建的对象，代表当前HTML文档的DOM树。我们可以使用它来访问和操作HTML文档的各个元素和属性。

以下是一些常见的使用方式：

访问元素：可以使用getElementById()方法根据元素ID获取特定元素，例如：

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

修改元素内容：可以使用innerHTML属性来修改元素的HTML内容，例如：

element.innerHTML = "新内容";

修改元素样式：可以使用style属性来修改元素的CSS样式，例如：

element.style.color = "red";

添加事件监听器：可以使用addEventListener()方法来为元素添加事件监听器，例如：

element.addEventListener("click", function() {// 事件处理代码});

创建新元素：可以使用createElement()方法创建新的HTML元素，例如：

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

添加元素到文档中：可以使用appendChild()方法将元素添加到父元素中，例如：

parentElement.appendChild(newElement);

这些只是一些常见的使用方式，document对象提供了更多的方法和属性，可以根据具体的需求进行进一步的探索和使用。