原生jsはある要素に指定されたclass名があるかどうかを判断するいくつかの方法
1401 ワード
互換性IE 10以下を考慮しなければ、HTML 5のclassList APIを利用でき、非常に便利です.
1
2
3
4
互換性はclassNameとgetAttribute('class')メソッドを使用します.
1
2
3
4
5
6
7
8
9
10
11
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'
);
}
}