js中怎么获取class

原创
ithorizon 4周前 (10-19) 阅读数 34 #Javascript
在 javascript 中,获取类名有以下方法:1. element.classlist.item():返回指定索引处的类名;2. element.classlist.contains():检查元素是否包含指定类名;3. element.classlist.add():添加指定类名;4. element.classlist.remove():移除指定类名;5. element.classlist.toggle():在元素上切换指定类名。

如何在 JavaScript 中获取类

在 JavaScript 中,获取元素的类名有几种方法:

1. element.classList.item()

classList.item() 方法返回指定索引处的类名。索引从 0 开始。

const element = document.getElementById('my-element');
const className = element.classList.item(0);

2. element.classList.contains()

classList.contains() 方法检查元素是否包含指定的类名,如果包含返回 true,否则返回 false。

const element = document.getElementById('my-element');
const hasClass = element.classList.contains('my-class');

3. element.classList.add()

classList.add() 方法将指定的类名添加到元素。

const element = document.getElementById('my-element');
element.classList.add('my-class');

4. element.classList.remove()

classList.remove() 方法从元素中移除指定的类名。

const element = document.getElementById('my-element');
element.classList.remove('my-class');

5. element.classList.toggle()

classList.toggle() 方法在元素上切换指定的类名。如果类名存在,则将其删除;如果类名不存在,则将其添加。

const element = document.getElementById('my-element');
element.classList.toggle('my-class');

以上就是js中怎么获取class的详细内容,更多请关注IT视界其它相关文章!



热门