获取document.getElementById（“range3”）。变量中的值

Question

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

Answer 1

span个元素没有value（只有表单输入等），他们有innerHTML或innerText（和{ {1}}）。所以：

childNodes