获取CSS设置在JavaScript

Question

假设我有一个网页的表格：

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

然后我定义标头中的CSS：

#th1 
{width: 100%;} 

的问题是，如何让CSS宽度使用JavaScript？我尝试了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();