javascript - HTML范围：动态设置值属性

Question

晚上好！！

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

我可以检索我需要的值（从 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");