修复IE中没有'px或%'的内联样式的宽度

时间:2012-10-05 13:19:49

标签: jquery css internet-explorer

我必须修复没有'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问题) - &gt; http://jsfiddle.net/2QJ96/1/

1 个答案:

答案 0 :(得分:1)

您可以通过

读取宽度
$('#test').css('width');

此外,您的HTML需要修改:

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