javascript - HTML 范围 : set value attribute dynamically

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