js中 加等于的累加赋值问题求解

Question

第一张图片 我能理解 在变量a中 +=过后 a的值是18第二张图片 我首先创建了一个style的标签（第一个红线），然后再style标签中赋予新的属性和值，如果第一个赋值我可以用等于，但是其后的赋值我必须要用加等于才能让前面的赋值不会被覆盖，等于是做了一个累加操作，（后面的三四根红线是+=,第二根是等于），那为什么第一种图片的变量a最后的值是多次累加后的值，而第二种的是累加且依次展现，这个+=的累加逻辑是怎么表达的？

Answer 1

第一个是数字累加，第二个累加相当于拼接字符串，你可以换成模板字符串的方式，处理起来比较方便，如下所示。

var cssNode=document.createElement('style');

var middle='b';

cssNode.innerHTML='a';

cssNode.innerHTML+= `--- ${middle}----`;

cssNode.innerHTML+='c';

console.log(cssNode.innerHTML);

//输出： a--- b----c