HTML范围：动态设定值属性

Question

晚上好！

我正在使用HTML输入类型范围来创建一个滑动条。 我想在显示滑杆之前动态更改属性“值”（光标的默认位置）。

我可以检索我需要的值（来自localStorage），但我无法设置它！

这里的范围对象：

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

现在，它被设置为0，但我想用一个变量来改变它（即我将设定新的变量富= 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");