在 Firefox 中使用 javascript 更改 div 的颜色答案

【问题标题】：Change color of div with javascript in Firefox在 Firefox 中使用 javascript 更改 div 的颜色
【发布时间】：2011-05-08 01:42:58
【问题描述】：

我有一个带有一些文本的 div，我想在“onmouseover”事件中更改它的背景颜色，它在 Internet Explorer 中运行良好，但在 Firefox 中根本无法运行。

请回答。

每一次尝试都会得到尊重。

提前谢谢...

【问题讨论】：

你试过什么？你的问题说它在 Firefox 中工作，但不是 Firfox ？？？
它在firefox中可以正常工作，但在firefox中根本不起作用？？请向我们展示您正在使用的代码。
请在此处发布您的源代码，以便您获得更优化的解决方案

标签： javascript html internet-explorer firefox

【解决方案1】：

针对您的问题的纯 javascript 解决方案告诉您它是否适合您

<div onMouseOver="this.style.backgroundColor='#CCFF99';"
onMouseOut="this.style.backgroundColor='#FFFFFF';" ">

Hello Welcome Testing Bg color on MouseOver 
</div>

Demo

jsfiddle.net/577nc/1

【讨论】：

非常感谢，也请尝试回答这个问题：stackoverflow.com/questions/5920979/…

【解决方案2】：

以下代码在 Firefox 中运行：

       <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <style>
            #div_to_change_colour {
                background: rgb(255, 0, 0);
            }
        </style>
        <script type="text/javascript">
            function changeColor(objectPassedIn){
                objectPassedIn.style.background = '#CCC';
                objectPassedIn.style.width = '200px';
            }
        </script>
        <title></title>
    </head>
    <body>
        <div id="div_to_change_colour" onmouseover="changeColor(this)">
            text inside div
        </div>
</body>
</html>

您可能遇到的问题是，如果您使用“背景颜色”设置 div 背景颜色。上面的代码使用'background'来设置div的颜色，然后可以用javascript覆盖。

【讨论】：

【解决方案3】：

想要改变它的背景颜色 “鼠标悬停”事件

您也可以使用简单的 CSS 来制作它，而无需任何 javascript 代码：

.myDiv {
 background:#ffffff;
}
.myDiv:hover {
  background:#cccccc;
}

【讨论】：