classlist的item方法返回相应的索引
时间: 2024-03-21 18:43:22 浏览: 44
是的,`classList` 对象还提供了 `item()` 方法,用于返回指定索引位置的类名。该方法接收一个整数参数,表示要获取类名的索引位置,返回对应索引位置的类名,如果索引超出范围则返回 `null`。
以下是一个示例代码:
```html
<div id="example" class="foo bar baz"></div>
```
```javascript
var element = document.getElementById("example");
var className = element.classList.item(1);
console.log(className); // 输出 "bar"
```
上述代码中,我们首先获取 id 为 "example" 的元素,并使用 `classList.item(1)` 方法获取该元素的第二个类名(索引从 0 开始),即 "bar"。最后,将结果存储在 `className` 变量中,并使用 `console.log()` 方法将结果打印到控制台上。
阅读全文