如何使用JavaScript操作DOM元素？

DOM（文档对象模型）是一种用于访问和操作HTML和XML文档的标准接口。在JavaScript中，您可以使用DOM API来选择HTML元素并操作它们。以下是在JavaScript中使用DOM API操作DOM元素的步骤：

选择DOM元素

使用document.querySelector()或document.querySelectorAll()等方法选择要操作的DOM元素。这些方法接受选择器作为参数，可以根据ID、类名、标签名等选择元素。

更改DOM元素的属性和内容

使用DOM API中提供的方法来更改DOM元素的属性和内容。例如，您可以使用element.innerHTML属性来更改元素的HTML内容，或使用element.setAttribute()方法来设置元素的属性。

添加或删除DOM元素

使用DOM API中提供的方法来添加或删除DOM元素。例如，您可以使用document.createElement()方法创建新的元素，然后使用element.appendChild()方法将其添加到另一个元素中。