js根据类名获取元素

可以使用 `document.getElementsByClassName()` 方法来根据类名获取元素。该方法将返回一个包含所有指定类名的元素的 NodeList 对象。例如，要获取 `example` 类名的所有元素，可以使用以下代码：

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

如果要获取的元素只有一个，可以使用 `document.querySelector()` 方法来获取。例如，要获取 `example` 类名的第一个元素，可以使用以下代码：

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

相关问题

js根据类名获取元素高度

你可以使用 `document.getElementsByClassName` 方法获取指定类名的所有元素，然后遍历这些元素获取它们的高度。具体步骤如下：

1. 使用 `document.getElementsByClassName` 方法获取指定类名的所有元素，如 `let elements = document.getElementsByClassName("my-class")`。

2. 遍历这些元素，使用 `element.offsetHeight` 获取每个元素的高度。

完整代码示例：

<div class="my-class">元素1</div>
<div class="my-class">元素2</div>
<div class="my-class">元素3</div>
<div class="my-class">元素4</div>

let elements = document.getElementsByClassName("my-class");
for (let i = 0; i < elements.length; i++) {
  let height = elements[i].offsetHeight;
  console.log(`元素 ${i+1} 的高度是 ${height}px`);
}

输出结果：

元素 1 的高度是 50px
元素 2 的高度是 60px
元素 3 的高度是 70px
元素 4 的高度是 80px

需要注意的是，`getElementsByClassName` 方法返回的是一个 HTMLCollection 对象，它类似于数组，可以使用下标访问其中的元素。但是，HTMLCollection 对象不是一个真正的数组，不能使用数组的方法，例如 `forEach` 方法。如果需要使用数组的方法，可以将 HTMLCollection 对象转换为数组，例如 `Array.from(elements)`。

js如何根据类名获取元素并修改样式

可以使用`document.getElementsByClassName()`获取指定类名的元素，然后通过遍历元素集合并设置样式来修改样式。

例如，假设我们有如下 HTML 代码：

<div class="example">这是一个示例</div>
<div class="example">这也是一个示例</div>

我们可以使用以下 JavaScript 代码来修改这些元素的样式：

// 获取所有类名为 "example" 的元素
var elems = document.getElementsByClassName("example");

// 遍历元素集合并设置样式
for (var i = 0; i < elems.length; i++) {
  elems[i].style.color = "red";
  elems[i].style.fontSize = "20px";
}

在上面的代码中，我们首先使用`document.getElementsByClassName()`获取所有类名为 "example" 的元素，然后使用`for`循环遍历元素集合，并分别设置它们的样式。