Javascript 如何创建可互换的指令？

此语句将主体背景色设置为红色

在我的原始代码中，我有一个函数，它通过标记名将元素分配给全局变量

element

。我发现调用此函数后可以执行以下操作：

element.style.backgroundColor=“#F00”

但是，似乎没有任何方法可以替代语句的property部分。下面我给出了最明显的方法，不过我也尝试过将参数分配给变量和各种引用组合


函数赋值样式（值）{
document.body.style.backgroundColor=值；
}
函数attemptStyle（属性、值）{
document.body.style.property=值；
}
按钮{font-family:monospace；}

函数赋值样式（值）{}


函数attemptStyle（属性，值）{}
我不太确定“替换”
backgroundColor
是什么意思，但我敢打赌，您正在尝试以编程方式访问
backgroundColor
属性。如果是这样，您的第二个函数需要进行以下修改：

document.body.style.backgroundColor="#F00";

因此，如果调用
attemptStyle（'backgroundColor'，'red'）
，您将使文档的背景色变为红色。
这可能无法回答您的问题，但可以解决您的问题。当鼠标悬停在某个元素上时，您正在尝试更改颜色。这可以通过CSS简单地完成


钮扣{
背景色：#fff；
}
按钮：悬停{
背景色：#131519
}
函数赋值样式（值）{}


函数attemptStyle（参数，值）{}
那么。。。比如访问迭代或索引。这就是那里发生的事吗？我注意到风格和属性之间没有时间间隔。正确。方括号既可以用于访问数组中的元素，也可以用于访问对象的属性。你甚至可以做类似于
someObject[prop1][prop2][prop3]
的事情来深入3层。鼠标放在上面的事情就是这样，我不需要在代码段中添加重置按钮。这个问题的目的是解释我需要一种方法来更改函数中JavaScript指令行的属性目标，它仍然是一个重复；是的，它包含jquery。然而，公认的答案并非如此。
function attemptStyle(property,value){
  document.body.style[property]=value;
}

<style>
button {
    background-color:#fff;
}

button:hover {
    background-color: #131519
}
</style>

<button>
function assignStyle(value){}
</button><br />

<button>
function attemptStyle(param,value){}
</button>