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");