2013-08-17 34 views
1

我試圖讓使用HTML5和Javascript的滑塊的例子,但該代碼不起作用這個HTML5,Javascript滑塊代碼有什麼問題?


<script type="text/javascript"> 
    function slider_change(val){ 
     document.getElementById('slider_value').innerHtml=val; 
    } 
</script> 

<input type="range" id="slider" min="0" max="100" value="50" 
    step="2" onChange="slider_change(this.value)" /> 
<br/><br/> 
Slider value : <span id="slider_value" >50</span> 

出現的滑塊,但在的內部HTML沒有變化跨度 。

+4

只是請你幫個忙,並檢查您的瀏覽器控制檯時,你會有意想不到的效果 – Ian

+2

廠很好,如果你修正了錯字:http://jsfiddle.net/j08691/NYSc9/。投票結束。 – j08691

回答

4

的屬性被稱爲innerHTML,不innerHtml

+0

工作,與此變化:http://jsfiddle.net/YQf9G/ – Ian

1

很高興見到你所做的一切都是正確的,除了innerHTML ..更換innerHtml by innerHTML