get document.getElementById（ "range3"）。変数の値

Question

私はちょうど変数にdocument.getElementById（ "range3"）。valueを取得したいのですが、私のコードは "undefined"を警告します。

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（およびchildNodes）を持っていません。したがって：

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