上面的说法不行,有什么办法能用js去找一个只有类名的盒子,并修改他的样式
时间: 2024-04-15 09:31:08 浏览: 82
如果你想通过类名找到一个元素,并修改它的样式,可以使用 `document.querySelector()` 方法结合 CSS 选择器来实现。
以下是一个示例代码,用于通过类名找到第一个匹配的元素,并将其高度设置为 200 像素:
```javascript
const element = document.querySelector(".example-class");
element.style.height = "200px";
```
在上述代码中,`document.querySelector(".example-class")` 使用 CSS 选择器 `.example-class` 来查找文档中第一个具有 "example-class" 类名的元素。然后,我们通过 `element.style.height` 将该元素的高度设置为 "200px"。
如果你想修改所有匹配的元素的样式,可以使用 `document.querySelectorAll()` 方法来获取一个类数组对象,并循环遍历修改每个元素的样式。
```javascript
const elements = document.querySelectorAll(".example-class");
elements.forEach(element => {
element.style.height = "200px";
});
```
在上述代码中,`document.querySelectorAll(".example-class")` 使用 CSS 选择器 `.example-class` 来查找文档中所有具有 "example-class" 类名的元素。然后,我们使用 `elements.forEach()` 循环遍历每个元素,并将它们的高度设置为 "200px"。
阅读全文