PHP前端开发

js怎么获取class

百变鹏仔 3天前 #JavaScript
文章标签 js
获取 javascript 中元素的 class 有两种方法:使用 element.classlist.value 属性直接获取 class 列表的字符串;使用 element.getattribute('class') 方法获取 class 属性的值。

如何在 JavaScript 中获取元素的 Class

要在 JavaScript 中获取元素的 class,可以使用以下两种方法:

1. Element.classList.value

Element.classList.value 属性返回元素的 class 列表的字符串。如果元素没有 class,则返回一个空字符串。

const element = document.querySelector('.my-element');const classList = element.classList.value;console.log(classList); // 输出:"my-element"

2. Element.getAttribute('class')

Element.getAttribute('class') 方法返回元素的 class 属性的值。如果元素没有 class 属性,则返回 null。

const element = document.querySelector('.my-element');const classList = element.getAttribute('class');console.log(classList); // 输出:"my-element"

这两种方法都可以用来获取元素的 class,但 classList 属性更方便,因为它允许你操作元素的 class 列表。你可以使用 classList.add(), classList.remove() 和 classList.toggle() 来添加、删除和切换元素的 class。