javascript – HTML范围:动态设置值属性

前端之家收集整理的这篇文章主要介绍了javascript – HTML范围:动态设置值属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
晚上好!!

我正在使用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)!

任何线索?

非常感谢!!!

解决方法

你得到< 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");

猜你在找的JavaScript相关文章