獲取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();