Question

好的，所以我对Javascript很新，我想知道如何将背景颜色变为变量。具体来说，我有三个不同的框架，我希望侧面的两个框架根据第三帧中访问的页面来改变颜色。如何将这两个边框的背景颜色设置为可以通过第三帧中的任何文档更改的变量？我一直在网上寻找，但我的搜索没有结果。

编辑 - 或者，通过单击超链接来更改它的方法也可以用于我的目的。

编辑2 - 与上一个问题一样，这是我正在尝试的另一种方法，虽然我有更多的信息，但我也没有产生太多运气。 Setting background color to variable in javascript Part 2

Answer 1

要使用javascript操作背景颜色属性，您需要：

//Set to red
document.getElementById("frame").style.backgroundColor="red"; 

//Save into variable
var color = document.getElementById("frame").style.backgroundColor;

Answer 2

var frameRef = document.getElementById("frameId");
//alternatively  you can get all farmes in one array
//var textRef = document.querySelectorAll(".frameClass");

function changeBg(newColor){
  frameRef.style.backgroundColor =  newColor;
}

<button type="button" onclick="changeBg('red')" value="red">Red</button>
<button type="button" onclick="changeBg('blue')" value="blue">Blue</button>

在javascript中将背景颜色设置为变量

2 个答案: