Javascript 添加CSS但保持内联样式

我做错了什么

需要用JavaScript添加CSS，但我必须保留所有内联样式

在这种情况下，当用户单击h1元素时，内联样式的颜色需要保持不变，只需从javascript添加新样式即可

这是小提琴：

测试
试验
函数some（）{
var元素=document.querySelectorAll（'h1'）；
元素。forEach（功能（项）{
item.onclick=函数（）{
var inlineCss=this.style；
item.style.cssText=inlineCss+'背景：蓝色；字体大小：12px；'；
}
});
}
一些（）；

您需要使用

style.background

和

style.fontSize

javascript属性：

功能部分（el）{
var元素=document.querySelectorAll（'h1'）；
元素。forEach（功能（项）{
item.onclick=函数（）{
item.style.background='blue'；//更改元素的背景
item.style.fontSize='12px'；//更改元素的字体大小
}
});
}
一些（）
测试
测试此样式。样式不是文本，而是对象。您必须首先自己使用调试器为什么不使用
+=
而不是
=
？
<h1 style="color: red;">Test</h1>
<h1 style="color: green;">Test</h1>

<script>
function some(){
    var element = document.querySelectorAll('h1');

      element.forEach(function(item){

        item.onclick = function(){
            var inlineCss = this.style;

                item.style.cssText = inlineCss + 'background: blue; font-size: 12px;';
          }

      });
}

some();

</script>