原生jsはある要素に指定されたclass名があるかどうかを判断するいくつかの方法

1401 ワード

互換性IE 10以下を考慮しなければ、HTML 5のclassList APIを利用でき、非常に便利です.
1
2
3
4 var   node = document.getElementById( 'demo' ); if (node.classList.contains( 'test' )){      console.log( '  test  class' ); }
互換性はclassNameとgetAttribute('class')メソッドを使用します.
1
2
3
4
5
6
7
8
9
10
11 if   (node.getAttribute( 'class' )) {   //  class      //  1      if   (node.getAttribute( 'class' ).indexOf( 'test' ) > -1) {          console.log( '  test  class' );         }             //  2      if   (node.className.indexOf( 'test' ) > -1) {          console.log( '  test  class' );         } }