如何通过createElement获取Firefox的垂直范围元素（滑块）？

Question

我可以通过直接编码HTML标记为Firefox成功创建垂直范围（滑块）：

<input type="range" id="s1" orient="vertical" style=""></input> <!-- this creates a vertical slider -->

但是当我尝试通过createElement执行相同操作时，无论任何CSS样式，滑块都是水平：

    var x = document.createElement("INPUT");
    x.type = "range";
    x.id = "s2";
    x.orient = "vertical";
    document.getElementById("div1").appendChild(x); // this creates a horizontal slider

我想通过脚本执行此操作的原因是我需要一组滑块。

Answer 1

x.setAttribute('orient','vertical');

请参阅demo