Question

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

我已使用document.getElementById("alert");检索代码：

＆＃34;正常＆＃34;状态：

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

＆＃34;特别＆＃34;状态：

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

我已经考虑过保持＆＃34;正常＆＃34;对变量进行状态，并将其与实际状态进行比较，看它是否不同。

有什么建议吗？谢谢！

Answer 1

function checkNormal(){
    var node = document.getElementById('alert');
    return node.className.indexOf('normal') > -1 ;
}

Answer 2

如果您需要查找元素并检查其类名以检测状态，下面的代码应该可以解决您的问题

var elems = document.querySelectorAll("[id=alert]");

for (var i=0;i<elems.length;i++)
{

  var elem = elems[i];
  if (elem.className=='tooltip special')
  {alert('special one');}
  else
  {alert('not special');}
}

jsfiddle：https://jsfiddle.net/yzq6gp7w/4/

Answer 3

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

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

或只是简单地......

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

比较两个HTML代码块

3 个答案: