Question

并提前感谢所提供的任何和所有帮助。我在互联网上查了一下，并没有找到其他人解决我的具体问题。

我在网站上运行Wordpress并且有两个div，我希望用户能够改变使用Javascript / HTML的颜色。背景颜色可以在CSS中指定，也可以在HTML中指定。我是Javascript的新手，但我希望能够创建两个Javascript变量，例如：

var headercolor="3366FF";
var maincolor="FFFFFF";

例如，

然后在HTML中，将背景颜色指定为变量。

<div id="header" style="background-color:javascript:document.write(headercolor);">
CONTENT HERE
</div>
<div id="main" style="background-color:javascript:document.write(maincolor);">
CONTENT HERE
</div>

由于Javascript变量具有默认值，因此它们会在首次加载页面时显示这些值，但是当用户单击链接时，颜色会发生变化。

<a href="#" onclick=javascript:var maincolor="3366FF";>Click here to get a blue main background!</a>

基本上，我想知道这是否可行。如果是这样，我该怎么办？如果没有，感谢花时间阅读这篇文章，请让我知道它无法完成，或者可以通过其他方式完成。

Answer 1

如果有的话，请不要在此上下文中使用document.write（）。

你实际上在询问是否可以将元素绑定到变量，而这只是在Javascript和DOM中不起作用。您必须创建一个函数来执行它，或使用函数文字，或只是一个Javascript语句，如下所示（您不需要javascript:前缀）：

onclick="document.getElementById('main').style.backgroundColor='#3366FF'"

应该为你做。

Javascript变量到多个HTML背景颜色

1 个答案: