JQuery .html 与 .attr ('innerHTML' )

Question

如果我在 dom 中设置 DIV 元素的内容:

$("#myE").html(contents);

以上和以下之间有什么区别:

$("#myE").attr('innerHTML', contents);

？谢谢!

Answer 1

第二个选项将在 id 为“myE”的 dom 元素上创建一个名为“innerHTML”的属性(如果不存在)，并将值设置为内容。第一个选项会将 id 为“myE”的 dom 元素的 html 内容设置为实际内容。

第一个选项将导致

<div id="myE">
  whatever the value of 'contents' is
</div>

第二个选项将导致(如果'myE'是一个div)

<div id="myE" innerHTML="whatever_contents_value_is">
...
</div>