-2
IE 11でクラスを追加しても動作しないようです。クラスを追加するIE 11が機能しない
ClassListを試しましたが動作しませんでしたが、他にも提案はありますか？
助けてもらえますか？
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">
"_notのworking_" を定義してください。どのようなコードを巧妙に実行したいのか、それが何をするのかを説明してください。 – Teemu
既存のクラスに追加したいですか？次に、 '+ ='を使用します。 'slider.className + =' 'のようにする必要があります。スライダー.className =' 'は、 'slider.className'を使用する代わりに – Tushar
を使用し、' slider.setAttribute（' class '、' MyClass-1 '）; ' – Zaphiel