Question

在下面的代码中，脚本正在切换div打开和关闭。 .style 代码，控制被切换的div的父元素的背景颜色开和关。该代码适用于Opera，但不适用于Chrome，而且我无法使用研究（搜索）解决方案。

我当然可以继续编写其他代码并实现我需要的东西，但这有我的意思好奇心现在。

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;";
}

Answer 1

我认为你应该使用：

Inny.style.backgroundColor = "#332223";

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

...除了在Opera中，无法通过为其分配字符串来设置样式（只读）样式属性，如elt.style =“color：blue;”。这是因为style属性返回一个CSSStyleDeclaration对象。

Answer 2

如果要以文本方式设置元素的样式，则需要使用

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

或

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

或者您可以直接设置属性：

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

Answer 3

我认为这对你很好。当你将css属性添加到元素时，你唯一的错误就是。

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

Chrome无法处理.style =“background-color：＃333223;”

3 个答案: