时间戳

首页 > 解决方案 > 检查类是否添加到元素

javascript - 检查类是否添加到元素

问题描述

我已经编码以验证是否p添加了类 in 使用 javascript。

function ll_ctq() {

  var check_ll_ctq = document.getElementById("ll_ctq"),
    classes = ['red_cross'];

  if (check_ll_ctq == "red_cross") {
    alert("Yes");
  } else {
    alert("No");
  }
}
<body onload="ll_ctq()">
  <p id="ll_ctq" class="red_cross">Hello</p>
</body>

但它总是会发出警报No。

标签： javascript

解决方案

您需要使用classList获取check_ll_ctq元素的类列表，然后调用.contains以检查列表是否包含类red_cross，例如：

if ( check_ll_ctq.classList.contains("red_cross") ) {
    alert("Yes");
} else {
    alert("No");
}


function ll_ctq() {
  var check_ll_ctq = document.getElementById("ll_ctq"),
    classes = ['red_cross'];

  if (check_ll_ctq.classList.contains("red_cross")) {
    alert("Yes");
  } else {
    alert("No");
  }
}
<body onload="ll_ctq()">
  <p id="ll_ctq" class="red_cross">Hello</p>
</body>

推荐阅读