html 슬라이더 특성 업데이트 중 페이지에 표시되지 않음

Question

HTML 슬라이더가 있으며 슬라이더에서 커서 위치를 동적으로 변경하려고합니다. 내 jsfiddle 데모 여기에서

봐는 :

<input type="range" id="slider" min="0" max="14" value="14" /> 
<input type="button" id="b" value="Update slider"/> 

var b = document.getElementById("b"); 
var slider = document.getElementById("slider"); 
b.onclick = function() { 
    slider.setAttribute("value","10"); 
}; 

http://jsfiddle.net/8DCS6/ 나는 14에 최대 값을 넣어 나는 버튼이 있습니다. 버튼을 클릭 할 때 커서의 위치를 ​​변경하려고합니다. 속성 값을 10으로 변경했지만 커서가 움직이지 않습니다. 그러나 커서를 클릭하면 커서가 이동하지만 속성 값을 변경하고 커서 이동을보고 싶기 때문에 실제로 원하는 것은 아닙니다.

누군가이 작업을 수행 할 생각이 있습니까?

저는 js_of_ocaml (http://ocsigen.org/js_of_ocaml/)을 사용하고 있기 때문에 저는 순수한 자바 스크립트 솔루션만을 찾고 있습니다. js_of_ocaml에서 translant에 javascript를 갖고 싶습니다.

Answer 1

이 시도 : 거기에 더 나은 방법이지만, 여기에 그 동안의 해결 방법입니다

var b = document.getElementById("b"); 
var slider = document.getElementById("slider"); 
b.addEventListener("click", function() { 
slider.value = 10; 
}) 

Answer 2

확실하지 경우 :

var b = document.getElementById("b"); 
var slider = document.getElementById("slider"); 
b.onclick = function() { 
    var container = slider.parentNode; 
    slider.remove(); 
    container.innerHTML = '<input type="range" id="slider" min="0" max="14" value="12" />' + container.innerHTML 

};