第一個是數字累加，第二個累加相當於拼接字串，你可以換成模板字串的方式，處理起來比較方便，如下圖。

var cssNode=document.createElement('style');
var middle='b';
cssNode.innerHTML='a';
cssNode.innerHTML+= `--- ${middle}----`;
cssNode.innerHTML+='c';
console.log(cssNode.innerHTML);
//输出： a--- b----c

第一種是數字，+ 相當於加法。

第二種是字串，+ 相當於連接。

沒太懂你想表達什麼，就最後一句話的回答：a+=b就相當於a = a + b

cssNode.innerHtml += “...”; 等同於cssNode.innerHtml = cssNode.innerHtml +"..."。而每次改變innerHtml都會重發html元素的重繪(嚴格的說，包括重排和重繪，對應的英文reflow和repaint)
這就是問什麼依次展現

如果想最終展現一次，就定義一個變數例如myInnerHtml，對它做+=操作，最後給cssNode.innerHtml = myInnerHtml

先定義一個字元數變量，最後再賦值給innerHtml