如何动态的获取input控件的数据

<body>
    <form >
    <input id='range' type="range" min="1" max="10" >
    </form>
    <script>
    //想拉动滚动条的时候在旁边显示value值。但是我这么写没什么卵用，该怎么写呢。
    (function(){    
        var  doc=document.createTextNode(document.getElementById('range').value);
        var form=document.getElementsByTagName('form')[0];
        form.appendChild(doc)
        })();
    </script>
</body>
</html>

document.getElementById('range').value 取值没有问题
document.createTextNode(xxx) 创建节点没有问题
后面的找 form 和把 doc 加到 form 里也没有问题
…………

问题是你的代码是什么时候执行的。目前来看是页面加载的时候执行的，但是看你的意思，你应该是想在拉动滚动条的时候执行，那么相应的事件处理呢？

【热门文章】