javascript - 将样式附加到 DOM 不替换现有

Question

我怎么能追加样式元素到 DOM 而不消除元素上的现有样式(例如颜色、文本对齐等)？

该事件调用该函数，但问题是“样式”被完全替换为单个元素。

我在事件上触发了简单的代码:

function changeback(onoff) {
   if(onoff) {
      document.getElementById("field1").style.background="#fff";
   } else            
      document.getElementById("field1").style.background="#000";
}

Answer 1

您可以这样做:

var elem = document.getElementById('YOUR ELEMENT ID');
elem.style.setProperty('border','1px solid black','');

elem.style是实现 CSSStyleDeclaration 的对象支持 setProperty 的接口(interface)功能。如果您现在检查 Firebug 中的样式属性，您会注意到在元素的样式属性中添加了边框属性。