document.getElementById() 获取到 class

`document.getElementById()` 方法是用于通过元素 ID 获取元素的引用，而不是通过 class。如果你想通过 class 获取元素的引用，可以使用 `document.getElementsByClassName()` 方法，该方法返回一个包含所有指定 class 的元素的对象集合。例如：

var elements = document.getElementsByClassName("myClass");

其中，"myClass" 是要获取元素的 class 名称。然后，你可以使用 `elements` 对象中的方法和属性来操作这些元素。注意，返回的对象集合不是数组，而是一个类似于数组的对象。如果你需要使用数组的方法和属性，可以将其转换为数组，例如：

var elementsArray = Array.from(elements);

相关问题

document.getElementById添加class

可以使用document.getElementById()方法来获取指定id的元素，然后使用classList.add()或者className属性来添加class。其中，classList.add()方法可以添加一个或多个class，而className属性则需要在原有class的基础上添加新的class。

例如，假设我们有一个id为"myDiv"的div元素，我们可以使用以下代码来为它添加一个名为"newClass"的class：

// 使用classList.add()方法
document.getElementById("myDiv").classList.add("newClass");

// 使用className属性
document.getElementById("myDiv").className += " newClass";

以上两种方法都可以实现为指定元素添加class的效果。

document.getElementById() 的class选择器

document.getElementById() 方法是用于通过元素的 id 属性来获取特定元素的引用。它接受一个参数，即要获取的元素的 id 值，并返回与该 id 匹配的元素引用。

然而，class 选择器并不适用于 document.getElementById() 方法。class 选择器是用于通过元素的 class 属性来选择元素的一种方式。要使用 class 选择器，可以使用 document.querySelector() 或 document.querySelectorAll() 方法。

举个例子，如果要通过 class 选择器获取所有具有 "example" 类的元素，可以使用以下代码：

var elements = document.querySelectorAll('.example');

如果只想获取第一个匹配的元素，可以使用 document.querySelector() 方法：

var element = document.querySelector('.example');

希望能帮到你！如有其他问题，请随时提问。