jquery - 修复 IE 中不带 'px 或 %' 的行内样式的宽度

Question

我必须修复没有“px 或 %”的内联样式的宽度。 我不能修改页面中的html和css，只能修改脚本。 我想读取宽度（仅使用 javascript）来修复丢失的单位度量。

问题仅在 IE 9 上。在 chrome、FF、safari 中，我可以使用下面的代码来测量宽度。

使用 jQuery 1.8.2

/*script in head */
$(function() {
       var style = $("#test").attr("style"); 
       alert(style);
       //in IE it prints only color:red;border:1px solid red;
});

/* html in body */
<div id="test" style="width:20;color:red;border:1px solid red;">
    Content ...
</div>

关于tis问题（IE问题）的一个例子-> http://jsfiddle.net/2QJ96/1/

Answer 1

您可以通过读取宽度

$('#test').css('width');

此外，您的 HTML 需要修改：

/* html in body */
<div id="test" style="width:20px; color:red; border:1px solid red;">
    Content ...
</div>