如何使用document.getElementById（）更改樣式可以與內聯但不是內部設置的樣式一起使用？

<div id='myMenu' style='background-color:red'></div>

然後

alert("document.getElementById('myMenu')style.backgroundColor");

結果，如果我在內部設置樣式警報框將報告「紅色」

然而通過一個類別或ID

<style type='text/css'>  
.menu { 
     background-color:red; 
    } 
</style>

然後警報代表或空白。

.getElementById只適用於內聯樣式嗎？似乎非常有限...

2010-10-25 Susan

選擇風格在風格標籤應該只是罰款。你能發佈你正在使用的實際代碼嗎？（請記住，「。」用於類名，'＃'用於ID） – scunliffe 2010-10-25 19:07:42

請參閱http://stackoverflow.com/questions/1098349/reading-non-inline-css-style-info-from-javascript – 2010-10-25 19:13:32

您未設置元素的style屬性，而是設置class。

所以......

alert(document.getElementById("myMenu").className);

2010-10-25 19:09:23 Gabe

您可以使用jQuery讀「真正」的背景顏色，不管它是如何分配的：

alert($("#myMenu").css("background-color"));

不知道它是怎麼做的，但我已經檢查過它，它的工作原理。 :)

您可以從官方網站下載最新的jQuery版本： http://docs.jquery.com/Downloading_jQuery

2010-10-26 11:11:32

回答