Почему не меняется положение ползунка у input range при смене value?

Question

[HelpSophie]

Почему не меняется положение ползунка у input range при смене value?
https://jsfiddle.net/yhjna36c/

Видно, что value изменилось, оно показывается в сером поле, но сам ползунок не смещается.
Как починить?

Answer 1

[MitakoHir]

В вашем случае методы getAttribute, setAttribute работают с атрибутом DOM элемента value в то время как положением ползунка управляет свойство DOM узла value.
Атрибут и свойство в данном случае никак не связаны поэтому не происходит изменение положения элемента.
Для корректной работы стоит менять свойство элемента.
document.getElementById("widthrange").value = 350

Comments

[HelpSophie]

Вот это я даю... ночью надо спать, а не js'ить.

Спасибо большое!