18910140161

HTML-如何使用JavaScript更改滑块表单旁边的文本-堆栈溢出

顺晟科技

2022-10-18 13:39:17

70

我在HTML和JS

中有以下代码

function slide(){
    let v= document.getElementById("slide_inner");
    document.getElementById("slider").textContent=v.value;
}
<代码><;form ID=“ slider ”>;<;LABEL FOR=“幻灯片_内部”>;0<;/LABEL>;<;INPUT ID=“幻灯片_内部” ONCHANGE=“ SLIDE()” TYPE=“ RANGE ” MIN=“ 0 ” Max=“ 26 ” VALUE=“ 0 ” CLASS=“ SLIDER ”>;<;/窗体>;

但是,当我尝试移动滑块时,滑块也消失了,只剩下值。我只想将0更新为新的滑块值。有没有办法避免这种情况?


顺晟科技:

您可以使用<form id="slider"> <label for="slide_inner">0</label><input id="slide_inner" onchange="slide()" type="range" min="0" max="26" value="0" class="slider"> </form> 来设置文本:

querySelectorAll
<代码><;form ID=“ slider ”>;<;LABEL FOR=“幻灯片_内部”>;0<;/LABEL>;<;INPUT ID=“幻灯片_内部” ONCHANGE=“ SLIDE()” TYPE=“ RANGE ” MIN=“ 0 ” Max=“ 26 ” VALUE=“ 0 ” CLASS=“ SLIDER ”>;<;/窗体>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航