IE9 Javascript ClassList Недвижимость

Question

IE9 не поддерживает свойство ClassList будет в любом случае вокруг этой линии 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 обрабатывает кросс-браузерную поддержку.