javascript - CSSStyleDeclaration 中的背景在 Firefox 中未定义

Question

我有一个小函数，它将接受一串 css(例如 background: red; width: 145px; height: 145px;)并返回一个 CSSStyleDeclaration 但如果我有一个 background 属性(和 background-color 等) CSSStyleDeclaration 将有background-color 等在 Firefox 中设置为 undefined。

_parseCSS: function(css) {
  var div = document.createElement('div');
  div.innerHTML = '<div style="' + css + '"></div>';
  return div.childNodes[0].style
}

有谁知道我做错了什么？

编辑:这是不适用于 Firefox 的代码:

style: function(style) {
    var css = this._parseCSS(style);
    return this.each(this._elem, function(element) {
      this.each(css, function(s) {
        var prop = s;
        element.style[prop] = css[s];
      });
    });
  },

参数style为css字符串。

Answer 1

我认为是因为连字符样式属性在javascript中含义不一样，background-color在javascript中是backgroundColor。所以，element.style.background-color 应该是 element.style.backgroundColor。