ノードがDojoに特定のクラスを持っているかどうかをチェックする方法は？

Question

JavaScriptを使って定期的にノードを表示/非表示にしていますが、表示するときに特定のクラスのノードをinline-block（blockではなく）に設定する必要があります。 div sはdata-dojo-attach-pointによって参照されている

show: function (div) { 
    if (typeof div === 'object' && typeof div.style === 'object') { 
     if (div.class == "inline-block-class") //this doesn't work 
     { 
      div.style.display = "inline-block"; 
     } else { 
      div.style.display = "block"; 
     } 
    } 
} 

- 私は完全にthis.someAttachPointのようなもので動作することができますが、ときに私：しかし、私はinline-blockクラス、残りのソートに問題があり、classは、この文脈ではnullです私の機能ではdivのような他の変数にそれをラップすると、ノードのCSSセレクタだけが得られます。これはオブジェクトですが、FireBugでそのプロパティを取得することはできません。

私は別のパラメータ、このノードはinline-blockなければならないことを私に言ってフラグを追加することでこの問題を回避することができますが、それは汚いだとエラーの別の機会なので、私は、関数内でblock/inline-block区別を行うことを好むだろう。

Answer 1

DOMノード上のクラスを確認し、スタイルを変更するdojo/dom-classとdojo/dom-styleモジュールを使用してください。

show: function (div) { 
if (typeof div === 'object' && typeof div.style === 'object') { 
    if (domClass.contains(div, "inline-block-class")) 
    { 
     domStyle.set(div, 'display', 'inline-block'); 
    } else { 
     domStyle.set(div, 'display', 'block'); 
    } 
} 
} 

この方が良い解決法は、CSSを使用し、JavaScriptを使用せずにdiv.style.displayを制御することです。 Javascriptでクラスを変更し、CSSにスタイリングを処理させます。

Answer 2

DOM要素divのElement.classListプロパティを使用すると、メソッドcontainsが公開されます。

指定されたクラス値が要素のクラス属性に存在するかどうかを確認します。

if (div.classList.contains("inline-block-class")) 
{ 
    div.style.display = "inline-block"; 
} else { 
    div.style.display = "block"; 
}