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

【问题标题】：Setting background color to variable in javascript在javascript中将背景颜色设置为变量
【发布时间】：2011-06-06 07:33:35
【问题描述】：

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

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

编辑 2 - 与最后一个问题一样，这是我正在尝试的另一种方法，也没有产生太多运气，尽管我有更多关于它的信息： Setting background color to variable in javascript Part 2

【问题讨论】：

如果您只是提供更多信息，您应该编辑此问题，而不是发布新问题。

标签： javascript background-color frameset

【解决方案1】：

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>

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

也许我执行不正确，因为这似乎不起作用。我已将它们放在头部和脚本标签内的第三帧中，但也许我应该将这些标签排除在外？
网络漫画评论
这将在第三帧脚本的相关部分中，“Head”是我要操作的帧的名称。
并且框架的 id="Head" 对吗？尝试使用 window.onload=function(){ documentGetElementById("Head").style.backgroundColor="red"; }
好的，第 3 帧头部的当前代码是虽然这也不起作用，所以我假设我把它放在代码中的错误位置或者它的顺序错误。