問題描述

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

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

問題解答

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

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：

第一種是數(shù)字，+ 相當(dāng)于加法。

第二種是字符串，+ 相當(dāng)于連接。

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

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

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

先定義一個(gè)字符數(shù)變量，最后再賦值給innerHtml