Javascript 获取CSS值并将其作为HTML属性放置

我要做的是从这一行抓取tabIndex：

<input name="110" title="" id="test" style="position: absolute; top: 155px; left: 687px; tabindex: 3; z-order: 99;" type="checkbox" CHECKED="checked" runat="server" value="on"/>

并通过javascript将其设置为HTML属性

我怎样才能做到这一点

理想情况下，我希望看到的是：

 <input name="110" title="" id="test" tabindex= "3" style="position: absolute; top: 155px; left: 687px; ; z-order: 99;" type="checkbox" CHECKED="checked" runat="server" value="on"/>

---

选项卡索引不是样式属性，它应该是外侧样式属性。

获取

tabIndex

var x = document.getElementById("test").tabIndex;  

设置

tabIndex

document.getElementById("link3").tabIndex = 6;

---

虽然我不知道为什么要在样式中设置tabindex，这不是合法的语法，但可以通过正则表达式获得它

var elem = document.getElementById("myInput");
var match = elem.getAttribute("style").match(/tabsize\s*:\s*(\d+)/);
if(match) {
    elem.setAttribute("tabindex", match[1]);
}

工作演示：

---

请注意，这仅适用于内联设置的情况，而不适用于CSS工作表。

您不能使用jquery？？仅适用于其jquery 1.0。要在IE 8上运行，访问jquery，您可以使用

$（“选择器”）.attr（“tabindex”）=“所需索引”

您的内联CSS中有一些错误：

tabindex=3

和

z-order

上述内容取自一个包含大量复选框的页面。但我会研究z顺序的问题。上面的代码是以一种非常复杂的方式生成的，这就是我试图解决的问题。我原以为将css从样式部分移到一个新属性中会很容易。@Sean我们要说的是tabindex根本不是css。首先将其放在“样式”属性中是错误的。这就是为什么很难找回它。