Javascript：从范围滑动条[object HTMLInputElement]获取值

Question

我正在尝试从范围滑动条获取值，但改为使用[object HTMLInputElement]。

这是我的设置：

知道我可能在做什么错吗？

var slider = document.getElementById("ran");
var output = document.getElementById("demo");
output.innerHTML = slider.value;

slider.oninput = function() {
  output.innerHTML = this.value;
}

var sliderbar = document.getElementById('ran');
sliderbar.onmouseup = function() {
  console.log(sliderbar); // alert shows [object HTMLInputElement]
}

<div class="slidecontainer">
  <span id="demo" style="font-weight: bold"></span><strong>miles</strong>
  <form>
    <input type='range' min='1' max="6" step="1" class="slider" id='ran' />
  </form>
</div>

Answer 1

这是因为sliderBar是指元素。如果需要其值，请使用其value属性，例如sliderBar.value（或特定于滑块的属性，如果有的话，但我认为滑块仅使用value）。