javascript - 如何停止函数覆盖 javascript 对象属性并添加新属性？

Question

如何为每个元素添加新属性而不覆盖最后一个属性？在此示例中，H2 背景颜色将覆盖 H2 颜色:

var cssObject = {}

function updateAllCSS(element, property, value) {

        cssObject[element] = [property] 
        cssObject[element][property] = value            

}

updateAllCSS('h2', 'color', '#000')
updateAllCSS('h2', 'backgroundColor', '#FFF')


console.log(cssObject.h2.color)

任何帮助都会很棒:)

Answer 1

如果没有，请创建一个新的 cssObject[element]。

function updateAllCSS(element, property, value) {
   if (!cssObject[element]) cssObject[element] = {};
   cssObject[element][property] = value            
}