Klasse hinzufügen IE 11 funktioniert nicht

-2

Das Hinzufügen von Klasse in IE 11 scheint nicht zu funktionieren.Klasse hinzufügen IE 11 funktioniert nicht

Ich habe versucht, ClassList, aber es hat nicht funktioniert, haben Sie andere Vorschläge?

Können Sie bitte helfen!

var slider = document.getElementById('myRange'); 
 

 
function onChange(event) { 
 
    var x = event.target.value; 
 
    if (x <= 3) { 
 
    slider.className = ''; 
 
    } else if (x > 3 && x <= 6) { 
 
    slider.className = 'MyClass-1'; 
 
    } else if (x > 6) { 
 
    slider.className = 'MyClass-2'; 
 
    } 
 
} 
 

 
slider.addEventListener('input', onChange);

input[type=range]::-ms-thumb { 
 
    border: none; 
 
    height: 96px; 
 
    width: 50px; 
 
    background: url(http://f.chtah.com/i/16/2099070104/2017_07_Slider_NPS_Survey_face_down_03.png) center no-repeat; 
 
    background-image: url(http://f.chtah.com/i/16/2099070104/2017_07_Slider_NPS_Survey_face_down_03.png); 
 
} 
 

 
input[type="range"].MyClass-1::-ms-thumb { 
 
    background-image: url(http://f.chtah.com/i/16/2099070104/2017_07_Slider_NPS_Survey_face_mid_03.png); 
 
} 
 

 
input[type="range"].MyClass-2::-ms-thumb { 
 
    background-image: url(http://f.chtah.com/i/16/2099070104/2017_07_Slider_NPS_Survey_face_smile_03.png); 
 
}

<input type="range" id="myRange" min="0" max="10">

Quelle

2017-07-11 Alina Antemir

Bitte definieren "_not working_". Erkläre, was genau dein Code tun soll und was er stattdessen tut. – Teemu

Sie möchten bestehenden Klassen hinzufügen? Dann benutze '+ ='. – Tushar

anstatt 'slider.className' zu verwenden, versuchen Sie' slider.setAttribute ('class', 'MyClass-1'); ' – Zaphiel

Verwendung dieser Methode

slider.classList.add(/* class name */) 
slider.classList.remove(/* class name */)

Quelle

2017-07-11 11:36:41

Klasse hinzufügen IE 11 funktioniert nicht

Antwort

Verwandte Themen