javascript - 在变量中获取document.getElementById(“range3”)。value

我只想在一个变量中获取document.getElementById（“ range3”）。value，但我的代码仅警告“未定义”，我不明白为什么。

HTML：

<input name="zahl3" type="range" min="0" max="100" value="0" step="1"
onchange="showValue3(this.value); rechnung()" />
<span id="range3" value="7">0</span>
<p id="demo"></p>

Javascript：

<script>
   function showValue3(newValue) {
      document.getElementById("range3").innerHTML=newValue;
   }

   function rechnung(){
      var x = 0;
      x = document.getElementById("range3").value;
      alert(x);
   }
</script>

最佳答案

span元素没有value（仅用于表单输入等），它们具有innerHTML或innerText（和childNodes）。所以：

function rechnung()
{
    var x = document.getElementById("range3").innerHTML;
    alert(x);
}

关于javascript - 在变量中获取document.getElementById(“range3”)。value，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43657654/