Javascript 通过脚本定义样式

我有一个HTML代码，我想在其中使用动态变量定义样式。基本上，我想根据用户来自的URL更改按钮的颜色

使用jscript更改ID=“wtv”的颜色

大概是这样的：

<script>
document.getElementById("link1").style.color = "blue";
</script>

---

我想用一个动态变量在脚本中定义颜色。

可能有点不合适，但您可以直接使用js更改样式。 下面的示例使用了一个按钮，但当页面加载时，您可以轻松地实现它

<script>

document.getElementById('button').addEventListener('click', function() {
  var url = document.referrer; // Grabs the previous URL
  var hex = getHexCode(url); // Function where you decide what hex value you want to use.
  document.getElementById('p2').style["background-color"] = hex; // change style of the element.
})

function getHexCode(url) {
 var hex;
 if (url.length > 30) {
   hex = '#3333ff';
 } else {
   hex = '#ff0000';
 }
 return hex;
}

</script>

document.getElementById（'button'）。addEventListener（'click'，function（）{
var url=document.referer；//获取上一个url
var hex=getHexCode（url）；//函数，用于决定要使用的十六进制值。
document.getElementById（'p2'）。style[“background color”]=hex；//更改元素的样式。
})
函数getHexCode（url）{
var hex；
如果（url.length>30）{
十六进制='#3333ff'；
}否则{
十六进制='#ff0000'；
}
返回十六进制；
}

这里它是在JSFIDLE中实现的，

---

以下是更改

按钮颜色的JQuery代码：


$（文档）.ready（函数（）{
var按钮颜色='#EAAB00'；
$（“#link1”）.css({
“颜色”：按钮颜色
});
});

一些链接
你是想通过CSS还是Javascript来实现这一点？你已经尝试了什么？我尝试了：document.getElementById（“.megamenu nav li a”）.style.color=btn\u color；这不管用吗？
<script>

document.getElementById('button').addEventListener('click', function() {
  var url = document.referrer; // Grabs the previous URL
  var hex = getHexCode(url); // Function where you decide what hex value you want to use.
  document.getElementById('p2').style["background-color"] = hex; // change style of the element.
})

function getHexCode(url) {
 var hex;
 if (url.length > 30) {
   hex = '#3333ff';
 } else {
   hex = '#ff0000';
 }
 return hex;
}

</script>