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，这不是合法的语法，但您可以通过正则表达式获取它。

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表。

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

2 个答案: