值大于 100 的范围输入

Question

我有以下代码：

document.querySelector('.target').value = 250;
console.log(document.querySelector('.target').value);

<input type="range" class="target">

控制台日志打印100 而不是250。为什么，以及如何解决这个问题？

Answer 1

您需要将max 属性设置为大于100 的默认值

document.querySelector('.target').value = 250;
console.log(document.querySelector('.target').value);

<input type="range" class="target" max="250">