如何停止函数覆盖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 } 。

{{1}}

Answer 2

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

使用脚本标记

在代码中包含jquery插件库

现在您可以编辑html元素的属性，如下所示：

$（ “＃IdOfTheElement”）ATTR（ “NewProperty”， “的NewValue”）;

就这么简单。