js获取class属性的值
来源:千锋教育
发布人:wjy
2023-04-21
推荐
在线提问>>
您可以使用 JavaScript 中的 getAttribute() 方法来获取元素的 class 属性的值。该方法接受一个参数，即要获取的属性名称，然后返回该属性的值。
例如，如果您有一个具有 class 属性的元素，例如：
<div id="myDiv" class="foo bar"></div>
您可以使用以下代码获取该元素的 class 属性的值：
var myDiv = document.getElementById("myDiv");
var className = myDiv.getAttribute("class");
现在，className 的值为 "foo bar"。请注意，getAttribute() 方法返回的值是字符串。如果元素没有 class 属性，该方法将返回 null。
如果您想要检查元素是否具有某个类名，可以使用 classList 属性，该属性返回元素的类名列表。您可以使用 contains() 方法检查特定的类名是否在该列表中。
例如，要检查 myDiv 元素是否具有 foo 类名，可以使用以下代码：
if (myDiv.classList.contains("foo")) {
console.log("myDiv has the class 'foo'");
} else {
console.log("myDiv does not have the class 'foo'");
}
如果 myDiv 元素具有 foo 类名，则输出 myDiv has the class 'foo'。否则，输出 myDiv does not have the class 'foo'。
