最初の図は理解できます。変数 a = で、a の値が 18 になった後
2 番目の図では、最初にスタイル タグ (最初の赤線) を作成し、次にスタイル タグに新しい属性と値を割り当てました。
最初の割り当てと等しい場合は、ただし、前の代入が上書きされないように、代入に加算と等しいを使用する必要があります。これは累積演算を実行するのと同じです (次の 3 つまたは 4 つの赤い線は =、2 番目の線は等しい)。は1枚目の画像です 変数aの最終値は複数回累積した後の値で、2種類目は累積して順次表示します =の累積ロジックはどのように表現されるのでしょうか?
最初の累積は数値の累積であり、2 番目の累積は文字列の結合に相当します。以下に示すように、処理がより便利なテンプレート文字列に変更できます。
リーリー最初のものは数値であり、
+
これは加算に相当します。2 番目の型は文字列で、
+
は connection と同等です。何を表現したいのかよくわからないので、最後の文だけ答えておきます: a+=b は a = a + b と同等です
cssNode.innerHtml += "..."; は cssNode.innerHtml = cssNode.innerHtml + "..." と同等です。そしてinnerHtmlが変更されるたびにhtml要素の再描画(厳密にはリフローや再描画も含めて、英語のreflowやrepaintに相当)が再送されます
これが順番に表示を求められるものです
最後に一度表示したい場合は、myInnerHtmlなどの変数を定義して+=演算を行い、最後に cssNode.innerHtml = myInnerHtml を与えます
まず文字数変数を定義し、最後にinnerHtmlに代入します