如何通过createElement为Firefox获取垂直范围元素(滑块)

Question

I可以通过直接编码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');

参见演示