IE9的JavaScript班級名冊物業

Question

IE9不支持班級列表屬性反正有解決這個一行JavaScript爲它在IE9工作

this.wrap.classList.add("myClass") 

Answer 1

有polyfills，但如果你不想使用一個：由於className是類的空格分隔的列表，你可以使用正則表達式：

return /(?:^|\s)myClass(?:$|\s)/.test(document.body.className); 

（可悲的是，我們不能只用\b [字邊界]因爲-資格作爲一個單詞邊界，但不是班級列表中的分隔符。 ）

Answer 2

一種替代方案：

在以前的答案

const hasClass = ($element, className) => { 
 
    const match = new RegExp(`(^|\\s)${className}(\\s|$)`).test($element.className); 
 
    return $element.className && match; 
 
}; 
 

 
const $el = document.querySelector('.foo'); 
 

 
alert(hasClass($el, 'foo'));

.foo { 
 
    background: tomato; 
 
}

<div class="foo">Foobar</div>

Answer 3

大廈，如果你不希望有處理正則表達式自己，你可以導入的jQuery的細節問題和改用jQuery的.hasClass()方法。

return $(document.body).hasClass("myClass"); 

jQuery處理跨瀏覽器支持。