javascript - 使用 document.getElementById() 更改样式如何与内联但不是内部设置的样式一起使用?

标签 javascript html css

<分区>

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

<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 的样式是否只适用于内联样式?似乎非常有限......

最佳答案

您没有为元素设置 style 属性,而是设置了 class

所以...

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

关于javascript - 使用 document.getElementById() 更改样式如何与内联但不是内部设置的样式一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4017921/

上一篇:html - 打印预览和打印只打印我网页的一部分

下一篇:html - 如果调用不是通过 AJAX 完成的,如何包含 CSS 链接?

相关文章:

javascript - IE 9 不显示单击下拉菜单

html - CSS: "inline-block"元素的意外垂直位置

javascript - 单击按钮后如何再次显示和隐藏div

html - Bootstrap 3 - 垂直对齐按钮内的字体很棒的图标

jquery - 始终向上标题和滑动 div

javascript - Backbone.model,我应该如何修改get方法

javascript - Angular Js引用错误

javascript - 当鼠标在 td 上时保持标题向上并在鼠标移出时隐藏它

javascript - jQuery - OnClick,在单击时始终更改表格单元格的背景颜色

javascript - 我需要下拉列表的选项卡悬停在下面的示例中,而不是单击