document在JS中有什么用

在JavaScript中，Document对象表示当前HTML文档。它是一个树形结构，其中每个元素都是一个节点。Document对象提供了许多方法和属性，可以用来操作和查询文档中的元素。以下是Document对象的一些常见用途：

1. 获取和操作DOM元素：可以使用Document对象的方法和属性来获取和操作文档中的DOM元素。

2. 添加和删除元素：可以使用Document对象的createElement()和appendChild()方法来添加新元素到文档中，也可以使用removeChild()方法来删除元素。

3. 修改元素属性：可以使用Document对象的getAttribute()和setAttribute()方法来获取和设置元素的属性。

4. 访问文档信息：可以使用Document对象的title属性来获取文档的标题，也可以使用location对象来获取文档的URL。

5. 操作文档样式：可以使用Document对象的style属性来获取和设置文档的样式信息。

6. 处理文档事件：可以使用Document对象的addEventListener()方法来注册事件处理程序，以便在文档中发生事件时触发相应的操作。

总之，Document对象是JavaScript中一个非常重要的对象，它提供了许多方法和属性，可以帮助我们操作和查询文档中的元素，并且可以处理文档事件，使得我们的交互更加丰富。

相关问题

document.querySelector是什么在JS中

在JavaScript中，document.querySelector是一个用于选择DOM元素的方法它接受一个CSS选择器作为参数，并返回与该选择器匹配的第一个元素。如果没有找到匹配的元素，则返回null。

例如，如果我们想选择id为"myElement"的元素，可以使用以下代码：

const element = document.querySelector("#myElement");

这将返回id为"myElement"的第一个元素（如果存在），可以通过变量element进行访问和操作。

另外，如果我们想选择类名为"myClass"的元素，可以使用以下代码：

const elements = document.querySelectorAll(".myClass");

这将返回所有类名为"myClass"的元素，并将它们存储在一个NodeList对象中。可以通过遍历NodeList来访问和操作这些元素

.textContent在JS中有什么用

在JavaScript中，.textContent是一种获取或设置元素文本内容的属性。它可以用于获取一个元素的文本内容，或者用于设置一个元素的文本内容。例如，假设你有一个HTML文档中的一个<p>元素，你可以使用.textContent属性来获取或设置<p>元素中的文本内容。例如，以下代码可以获取一个id为"my-element"的元素的文本内容：

var myElement = document.getElementById("my-element");
var textContent = myElement.textContent;

另外，你也可以使用.textContent属性来设置一个元素的文本内容。例如，以下代码可以将一个id为"my-element"的元素的文本内容设置为"Hello, world!"：

var myElement = document.getElementById("my-element");
myElement.textContent = "Hello, world!";