在Firefox中使用javascript更改div的颜色_Javascript_Html_Internet Explorer_Firefox

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

javascript html internet-explorer firefox

在Firefox中使用javascript更改div的颜色,javascript,html,internet-explorer,firefox,Javascript,Html,Internet Explorer,Firefox,我有一个带有一些文本的div，我想在“onmouseover”事件中更改它的背景颜色，它在internetexplorer中工作正常，但在Firefox中根本不工作请回答每一次尝试都将得到尊重提前感谢…一个针对您的问题的纯javascript解决方案，告诉您它是否适合您 <div onMouseOver="this.style.backgroundColor='#CCFF99';" onMouseOut="this.style.backgroundColor='#FFFFFF';"

我有一个带有一些文本的div，我想在“onmouseover”事件中更改它的背景颜色，它在internetexplorer中工作正常，但在Firefox中根本不工作

请回答

每一次尝试都将得到尊重

提前感谢…

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

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

Hello Welcome Testing Bg color on MouseOver 
</div>

一个针对您的问题的纯javascript解决方案，告诉您它是否适合您
<div onMouseOver="this.style.backgroundColor='#CCFF99';"
onMouseOut="this.style.backgroundColor='#FFFFFF';" ">

Hello Welcome Testing Bg color on MouseOver 
</div>

以下代码在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_至_更改颜色{
背景：rgb（255,0,0）；
}
函数changeColor（objectPassedIn）{
objectPassedIn.style.background='#CCC'；
objectPassedIn.style.width='200px'；
}
div内的文本

您可能遇到的问题是，如果将divs背景色设置为“background color”。上面的代码使用“background”来设置divs颜色，然后可以使用javascript来覆盖它。
以下代码在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_至_更改颜色{
背景：rgb（255,0,0）；
}
函数changeColor（objectPassedIn）{
objectPassedIn.style.background='#CCC'；
objectPassedIn.style.width='200px'；
}
div内的文本

您可能遇到的问题是，如果将divs背景色设置为“background color”。上面的代码使用“background”来设置divs颜色，然后可以用javascript覆盖它
要更改其上的背景色吗
“onmouseover”活动
您还可以使用简单的CSS，而无需任何javascript代码：
.myDiv {
 background:#ffffff;
}
.myDiv:hover {
  background:#cccccc;
}

要更改其上的背景色吗
“onmouseover”活动
您还可以使用简单的CSS，而无需任何javascript代码：
.myDiv {
 background:#ffffff;
}
.myDiv:hover {
  background:#cccccc;
}

你试过什么？你的问题是它在Firefox中工作，但在Firfox中不工作？？？它在Firefox中工作正常，但在Firefox中根本不工作？？请向我们展示您正在使用的代码。请在此处发布您的源代码，以便获得更优化的解决方案。您尝试了什么？你的问题是它在Firefox中工作，但在Firfox中不工作？？？它在Firefox中工作正常，但在Firefox中根本不工作？？请向我们展示您正在使用的代码。请将您的源代码发布在此处，这样您将获得更多的最佳解决方案。谢谢。请尝试回答此主题：非常感谢，请尝试回答此主题：