如何使用document.getElementById（）更改样式与内联但不在内部设置的样式一起使用？

Question

如果我像这样设置内联样式：

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

然后在JS调用

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

结果提示框会报告“红色”

但是，如果我在内部通过类或id

设置样式

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

然后警报报告为空白。

.getElementById的样式是否仅适用于内联样式？似乎非常有限......

Answer 1

您没有为元素设置style属性，而是设置class。

因此...

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

Answer 2

您可以使用jQuery读取“真实”背景颜色，无论它如何分配：

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

不知道它是怎么做的，但我现在已经检查了它并且它有效。 ：）

您可以从官方网站下载最新版本的jQuery： http://docs.jquery.com/Downloading_jQuery