2つの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') 

Answer 2

あなたは要素を見つけて、状態を検出するために、そのクラス名を確認する必要がある場合は、以下のコードは、あなたの問題を解決する必要があり

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

Answer 3

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/