<h3>以下实例演示了如何访问滑块控件</h3>

<input type="range" id="myRange">

<p>点击按钮获取滑块控件的值</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>

function myFunction() {

    var x = document.getElementById("myRange").value;

    document.getElementById("demo").innerHTML = x;

}

</script>

​