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

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

语法：

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

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

实现： 现在让我们实现给定的方法。

• 在这里，我们将创建一个简单的HTML页面，并添加一个类名为 main 和id名为 main 的h1元素。我们的任务是找出h1是否包含类名main。
• 现在创建一个script标签并编写JavaScript代码。创建一个名为 elem 的变量，并使用 document.getElementById() 来存储h1元素。
• 现在检查元素是否具有类名 main ，并同时检查类名 myClass 是否存在。

  示例： 在这个示例中，我们将实现以上方法。

<h1 id="main" class="main">Welcome To GFG</h1> 
  
<script> 
    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"); 
    } 
</script>

输出：

Found the class name
Not found the class name