我正在通过ajax加载一些html并将其插入DOM中。以下是接收数据的一部分,输出到控制台中:
<div class="devices">
<h3> Devices </h3>
<p>
<div class="device-icon android-icon"></div>
<div class="device-icon iphone-icon"></div>
<div class="device-icon blackberry-icon"></div>
</p>
</div>
如您所见,p
标记排列得很好。但是,当我使用jQuery的html()
方法将数据插入dom时,它实际上是如何被追加的:
<div class="devices">
<h3> Devices </h3>
<p></p>
<div class="device-icon android-icon"></div>
<div class="device-icon iphone-icon"></div>
<div class="device-icon blackberry-icon"></div>
<p></p>
</div>
P标签是怎么回事?
发布于 2014-04-17 13:35:29
javascript解析器之所以这样做,实际上是因为<p>
标记不允许在HTML中包含<div>
标记。请参考html规范和这个问题( tag inside it?)。
https://stackoverflow.com/questions/23143865
复制