問題描述

第一張圖片 我能理解 在變量a中 +=過后 a的值是18

第二張圖片 我首先創建了一個style的標簽（第一個紅線），然后再style標簽中賦予新的屬性和值，如果第一個賦值我可以用等于，但是其后的賦值我必須要用加等于才能讓前面的賦值不會被覆蓋，等于是做了一個累加操作，（后面的三四根紅線是+=,第二根是等于），那為什么第一種圖片的變量a最后的值是多次累加后的值，而第二種的是累加且依次展現，這個+=的累加邏輯是怎么表達的？

問題解答

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

var cssNode=document.createElement(’style’);var middle=’b’;cssNode.innerHTML=’a’;cssNode.innerHTML+= `--- ${middle}----`;cssNode.innerHTML+=’c’;console.log(cssNode.innerHTML);//輸出： a--- b----c回答2：

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

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

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

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

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

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