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

Question

如何在不覆盖最后一个属性的情况下为每个元素添加新属性？在此示例中，H2 backgroundColor 将覆盖 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            
}

Answer 2

使用 jQuery。它使它非常简单，并且在操作活动中非常强大。在 jquery 中可以这样做。

使用 script 标签在代码中包含 jquery 插件库

现在您可以像这样编辑 html 元素的属性：

$("#IdOfTheElement").attr("NewProperty","NewValue");

就这么简单。