javascript - 将dom对象定义为变量的Javascript

document.getElementById("sgun").style.backgroundColor = "#00FA9A";

我想定义document.getElementById和style.backgroundColor =“＃00FA9A”;作为变量，因此代码看起来并不可怕，而且我不必为每个元素都复制粘贴。我该怎么做？

最佳答案

您可以只创建一个带有ID和样式的函数，然后为您完成以下操作：

function css(id, prop, value){
    document.getElementById(id).style[prop] = value;
}

然后像这样使用它：

css('sgun', 'backgroundColor', '#00FA9A');
// css(...);

如果您想要一个仅将背景颜色更改为“＃00FA9A”的函数，请使用以下命令：

function bg(id){
    document.getElementById(id).style.background = '#00FA9A';
}

并像这样使用它：

bg('sgun');
bg('someotherid');
// ...

关于javascript - 将dom对象定义为变量的Javascript，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41905548/