HTML范围:动态设置值属性

Question

晚上好!!

我正在使用HTML输入类型范围来创建滑块.我想在显示滑块之前动态更改属性"value"(光标的默认位置).

我可以检索我需要的值(来自localStorage),但我无法设置它!

这是范围对象:

<input type="range" min="0" max="1050" value="0" step="30"  onchange="showValue(this.value); changeScrollBar(this.value);"/>

现在它被设置为0但我想使用一个变量来改变它(即我将设置一个新的变量foo = localStorage.getItem("foo2")然后我想在范围内使用value = foo)!

任何线索？

非常感谢!!!

Answer 1

您获得<input>标记的DOM元素,然后使用:

elem.value = foo;

如果您向输入标记添加ID,如下所示:

<input id="mySlider" type="range" min="0" max="1050" value="0" step="30"  onchange="showValue(this.value); changeScrollBar(this.value);"/>

然后,你可以这样做:

var input = document.getElementById("mySlider");
input.value = localStorage.getItem("foo2");