2014-09-01 52 views
0

在下面的代码中,该脚本正在打开和关闭div。所述.style 代码,控制和关闭被切换 在div的父元素的背景颜色。该代码适用于Opera,但不适用于Chrome,我一直无法搜索(搜索)解决方案。Chrome not handling .style =“background-color:#333223;”

我当然可以继续前进,写其他代码,实现我需要什么,但现在我有好奇心 起来。

function CheckOutOpn(){ 
    var Inny = document.getElementById("RightPaneASxOrderForm"); 
    MVxCheckOutForm(); 
    CDxButtonOpnChkOut(); 
    MVxCLOSExBttnChkout(); 
    Inny.style = "background-color:#332223;"; 
} 

function CLOSExCheckOut(){ 
    var Inny = document.getElementById("RightPaneASxOrderForm"); 
    MVxButtonOpnChkOut(); 
    CDxCLOSExBttnChkout(); 
    CDxOrderFormItself(); 
    Inny.style = "background-color:#33B32E;"; 
} 
+0

任何控制台错误? – Justinas 2014-09-01 10:58:41

+1

很难相信这个代码将在任何浏览器中工作... – Teemu 2014-09-01 11:01:17

+0

@Teemu LOL好,也许当分晓和V8杀死歌剧院将不再在任何地方工作。 – MountainMan 2014-09-01 11:08:15

回答

2

,我认为你应该使用:

Inny.style.backgroundColor = "#332223"; 

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.style

...除了在Opera,样式不能通过向 指定的字符串设定(只读)样式属性,如在elt.style =“color:blue;”中所示。这是 ,因为style属性返回一个CSSStyleDeclaration对象。

+0

对,所以歌剧不是那么古怪,嗯。在任何案例中,明白了。应该使用CamelCase。谢谢。 – MountainMan 2014-09-01 11:04:35

1

如果你想设置一个元素的样式文本上,您需要为使用

Inny.style.cssText="background-color:#33B32E" 

Inny.setAttribute("style","background-color:#33B32E") 

,或者你可以直接设置属性:

Inny.style.backgroundColor = "#33B32E"; 
0

我认为这会为你工作的罚款。只有当你将css属性添加到元素时,你所做的错误是。

function CheckOutOpn(){ 
    var Inny = document.getElementById("RightPaneASxOrderForm"); 
    MVxCheckOutForm(); 
    CDxButtonOpnChkOut(); 
    MVxCLOSExBttnChkout(); 
    Inny.style.backgroundColor = "#332223"; 
}