Нашел полифил для closest. Но я тупой наверное он не хочет работать.
Пробовал вставлять через ссылку
- тоже не работает.
Почему всё это не работает в IE10-11?
Код для matches:
(function(e){
e.closest = e.closest || function(css){
var node = this;
while (node) {
if (node.matches(css)) return node;
else node = node.parentElement;
}
return null;
}
})(Element.prototype);
Код для polyfill:
if (!Element.prototype.matches) {
Element.prototype.matches =
Element.prototype.matchesSelector ||
Element.prototype.mozMatchesSelector ||
Element.prototype.msMatchesSelector ||
Element.prototype.oMatchesSelector ||
Element.prototype.webkitMatchesSelector ||
function(s) {
var matches = (this.document || this.ownerDocument).querySelectorAll(s),
i = matches.length;
while (--i >= 0 && matches.item(i) !== this) {}
return i > -1;
};
}
Мой код, который работает везде кроме IE10:
let descList = document.querySelectorAll('.upsale__block__bot-right__title-wrap');
descList.forEach(function(descF) {
descF.onclick = function viewblock(){ //кнопка/блок, по которой нажимаем
let listF = this.closest('.upsale__block__sub-right-wrap');
let listTest = this.closest('.upsale__block-wrap');
let listTestF = listTest.getElementsByClassName('.upsale__block__bot-right__sub-wrap');
let descshow = listF.children[1]; //выбор блока, который нужно скрыть/показать
if (descshow.classList == "dflex"){
listTestF.classList.toggle("dnone"); //удаляем класс
} else {
descshow.classList.toggle("dnone"); //удаляем класс
}
};
});
