javascript - 比较两个 HTML 代码块

Question

我正在尝试编写一个javascript插件来检测代码块的状态，如果它不处于正常状态，则触发某种通知。

我使用了 document.getElementById("alert"); 来检索代码:

“正常”状态:

<div id="alert" class="tooltip normal" title="">
    <a href="https://"></a>
</div>

“特殊”状态:

<div id="alert" class="tooltip special" title="">
    <a href="https://"></a>
</div>

我考虑过保持变量的“正常”状态，并将其与实际状态进行比较，看看是否不同。

有什么建议吗？ 谢谢!

Answer 1

function containsClass(element, className) {
  return element.classList.contains(className)
}

var result = containsClass(document.getElementById('alert'), 'special')

或者只是简单地...

var result = document.getElementById('alert').classList.contains('special')