使用element.style添加到以前的样式

Question

我有一个具有设置样式的html元素。

element.style {
  "existing css;"
}

我希望在不覆盖＆＃34;现有css＆＃34;的情况下添加样式。 （例如我的风格是不透明度和指针事件）

element.style = "opacity: 0; pointer-events: none;"

结果我正在寻找：

element.style {
  existing css;
  opacity: 0;
  pointer-events: none;
}

当前输出：

element.style {
  opacity: 0;
  pointer-events: none;
}    

我知道我可以添加一个课程，但想知道是否可以使用javascripts element.style =＆＃34; css＆＃34; 。我也尝试过：

element.style += "opacity: 0; pointer-events: none;

非常感谢任何反馈。

Answer 1

var d = document.getElementById("div1");
d.className += " otherclass";

Answer 2

document.getElementById("div1").className += "otherclass";