首頁(yè) 猿問(wèn) 為什么下面的一段代碼兩個(gè)輸出結(jié)果不...

為什么下面的一段代碼兩個(gè)輸出結(jié)果不一樣啊，都用的html()

JavaScript

momoyy123 2016-04-27 10:17:21

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><div class="n1">12345<div>abc</div></div><p>12345<div>abc</div></p><script src="js/jquery-1.11.3.min.js"></script><script>var cont1 = $(".n1").html();var cont2 = $("p").html();console.log(cont1);console.log(cont2);</script></body></html>

查看完整描述

1 回答

已采納

qq_青棗工作室_0

TA貢獻(xiàn)446條經(jīng)驗(yàn) 獲得超754個(gè)贊

這個(gè)提問(wèn)非常好！

P標(biāo)簽里面不能放塊級(jí)元素，就是P里面不能放DIV的。

當(dāng)一個(gè)<p>簽還沒結(jié)束時(shí)，遇到下一個(gè)塊元素就會(huì)把自己結(jié)束掉，其實(shí)瀏覽器是把

<p>12345<div>abc</div></p>

處理成這樣：

<p>12345</p>
<div>abc</div>
<p></p>

所以，$("p").html()就會(huì)取第一個(gè)p的html，即12345。

4 反對(duì) 回復(fù) 2016-04-27

momoyy123
可是還有哪些標(biāo)簽里不能放塊級(jí)元素

回復(fù) 2016-04-29
qq_青棗工作室_0
好像就只有<p>特殊。另外，h1~h6是不能相互嵌套。<h1>大標(biāo)題<h3>小標(biāo)題</h3></h1>，會(huì)變成<h1>大標(biāo)題</h1><h3>小標(biāo)題</h3>

回復(fù) 2016-04-29