如何在 JavaScript 中检查给定元素是否具有指定的类？

有时我们需要检查元素是否具有类名“ X” （任何特定名称）。要检查元素是否包含特定的类名，我们可以使用classList对象的 contains方法。

句法：

element.classList.contains("class-name")

它返回一个布尔值。如果元素包含类名，则返回true，否则返回false。

实现：现在让我们实现给定的方法。在这里，我们将创建一个简单的 HTML 页面并添加一个 h1 元素，该元素具有类名main和 id 名main。我们的任务是找到包含类名 main 的 h1。

HTML

  

    
Welcome To GFG

  

• 现在创建一个脚本标签并编写 javascript 代码。创建一个名为elem的变量并使用 document.getElementById( )存储 h1 元素
• 现在检查元素是否具有类名main并检查类名myClass 是否存在。

Javascript

let elem = document.getElementById("main");
  
let isMainPresent = elem.classList.contains("main");
  
if(isMainPresent){
    console.log("Found the class name");
}else{
    console.log("Not found the class name");
}
  
  
  
let isMyclassPresent = elem.classList.contains("myClass")
  
if(isMyClassPresent){
    console.log("Found the class name");
}else{
    console.log("Not found the class name");
}

完整代码：

HTML

  

    Welcome To GFG
  
    
        let elem = document.getElementById("main");
  
        let isMainPresent = elem.classList.contains("main");
  
        if (isMainPresent) {
            console.log("Found the class name");
        } else {
            console.log("Not found the class name");
        }
  
        let isMyclassPresent = 
            elem.classList.contains("myClass")
  
        if (isMyclassPresent) {
            console.log("Found the class name");
        } else {
            console.log("Not found the class name");
        }
    

  

输出：