Javascript 分解分配以将样式分配给DOM元素

JavaScript有一个漂亮的速记功能，当从对象中的属性创建多个变量时，它可以很好地工作

我想对按钮元素的样式做一些类似的事情。这是我的工作代码：

var button = document.createElement('button');
button.style.background = '#30a900';
button.style.color = 'white';
button.style.border = '1px solid white';

我想做如下事情：

var mystyles = {
    background: '#30a900',
    color: 'white',
    border: '1px solid white',
};
var button = document.createElement('button');
button.style = mystyles;

然而，这并不像预期的那样有效。ES6是否具有执行此任务的功能？

您可以使用：

例如：

const-button=document.createElement（'button'）；
对象。分配（按钮。样式{
背景：“#30a900”，
颜色：'白色'，
边框：“1px纯白”，
});
button.textContent='button'；
document.body.appendChild（按钮）
正文{
背景颜色：灰色；
}
您可以使用：

例如：


const-button=document.createElement（'button'）；
对象。分配（按钮。样式{
背景：“#30a900”，
颜色：'白色'，
边框：“1px纯白”，
});
button.textContent='button'；
document.body.appendChild（按钮）
正文{
背景颜色：灰色；
}
那怎么办


var-button=document.createElement（'button'）；
button.innerText='Object.assign'；
var mystyles={
背景：“#30a900”，
颜色：'白色'，
边框：“1px纯白”，
};
Object.assign（button.style，mystyles）；
document.body.appendChild（按钮）怎么办


var-button=document.createElement（'button'）；
button.innerText='Object.assign'；
var mystyles={
背景：“#30a900”，
颜色：'白色'，
边框：“1px纯白”，
};
Object.assign（button.style，mystyles）；
document.body.appendChild（按钮）
const button = document.createElement('button');
Object.assign(button.style, {
  background: '#30a900',
  color: 'white',
  border: '1px solid white',
});