在JavaScript中设置变量的背景颜色

izj3ouym  于 2023-03-28  发布在  Java
关注(0)|答案(2)|浏览(116)

好的,我是一个Javascript新手,我想知道如何让背景颜色成为一个变量。具体来说,我有三个不同的框架,我想其中两个在一边的改变其颜色的基础上,该网页正在访问的第三帧。我怎样才能将这两个侧框的背景颜色设置为一个变量,使其可以被第三个框中的任何文档更改?我一直在网上找,但我的搜索一直没有结果。
编辑-或者,通过单击超链接来更改它的方法也同样适用于我的目的。
编辑2 -与上一个问题一样,这是我尝试的另一种方法,也不会产生太多的运气,尽管我有更多关于它的信息:Setting background color to variable in javascript Part 2

pgky5nke

pgky5nke1#

要使用javascript操作背景色属性,您需要:

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

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

q3aa05252#

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>

相关问题