get 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> 

자바 스크립트 :

<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 (및 childNodes). 따라서 :

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