在变量中获取 document.getElementById("range3").value答案

【问题标题】：getting document.getElementById("range3").value in a variable在变量中获取 document.getElementById("range3").value
【发布时间】：2017-09-25 05:47:23
【问题描述】：

我只是想在一个变量中获取 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>

【问题讨论】：

.value 仅适用于输入元素。在此处使用.innerHTML 或.textContent。

标签： javascript html input var

【解决方案1】：

span 元素没有value（这只是表单输入等），它们有innerHTML 或innerText（和childNodes）。所以：

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

【讨论】：

非常感谢！经过几个小时的研究，我终于做到了。