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

Question

我想要做的是从下面这行代码中获取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"/>

Answer 1

tabIndex is not a style property it should be out side style attribute.

获取tabIndex

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

设置tabIndex的步骤

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

Answer 2

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

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

工作演示：http://jsfiddle.net/0syvw3Lo/1/请注意，这只在内联设置的情况下才有效，而不是使用CSS表。