获取JavaScript中的CSS设置

Question

假设我在网页中有一个表：

<table><th id='th1'></th></table>

然后在头文件中定义CSS：

#th1
{width: 100%;}

问题是，如何使用JavaScript获得CSS宽度？我尝试了width、style.width和jQuery("#th1").css("width")，但它们都没有给出'100%‘的结果。

Answer 1

我认为没有办法获得您在CSS文件中为元素宽度指定的百分比值。

一种解决方案是这样计算它：

HTML：

<h1 id="header">Hello, World</h1>

Javascript (jQuery)：

var percentageWidth = (($("#header").width()*100)/$("#header").parent().width())+"px";

Answer 2

<h1 id="myHeader">Text</h1>

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

应该每次都能行得通。

Answer 3

以防万一，如果你想得到以像素为单位的实际宽度，而不是CSS宽度所说的，你可以这样做：

$('#th1').width();