javascript - innerhtml は HTML エスケープ文字を無視しています

Question

私は次のようなdivを持っています

<div id="first"></div> 

そして、コンテンツ（バックエンドhtmlエスケープから取得）を次のように変更しようとします

$( "#first" ).html( "Some text <div style=&#34;font-size:150%&#34;>This text should look bigger</div>" );

- - - - - また - - - - - -

$( "#first" ).html( "Some text <div style=&quot;font-size:150%&quot;>This text should look bigger</div>" );

ブラウザでの出力は

<div id="first">Some text <div style="&quot;font-size:150%&quot;">This text should look bigger</div></div>

これは、DOM で 2 回表示されるように、適用したかったスタイルを適用していません」 (引用符)。また、document.getElementByIdの従来の方法を試してみましたが、成功しませんでした。

ご意見をお寄せいただきありがとうございます。