<![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]> http://www.jackxiang.com/index.php zh-cn http://www.jackxiang.com/post// <![CDATA[html的P标签是不能嵌套的 ]]> jack <xdy108@126.com> Wed, 11 Nov 2009 15:19:23 +0000 http://www.jackxiang.com/post// 该文章转载自延年的QQ空间：

昨天修改了一个BUG，遇到了一个嵌套P标签的情形，咨询过同事后，得出结论。
根据XHTML嵌套规则,p本身block元素, 而p下只能包含inline元素.

如果在p下再次包含p,就违背了XHTML规则, JS当然不买账了

如果在p下包含div, innerHTML也一样取不到.


昨天修改了一个BUG，遇到了一个嵌套P标签的情形，咨询过同事后，得出结论。


<p id="yannian1">aaaa</p>
<p id="yannian2"><p>aa</p>bbbb</p>
<script type="text/javascript">
var oyn1=document.getElementById('yannian1');
alert(oyn1.innerHTML);
var oyn2=document.getElementById('yannian2');
alert(oyn2.innerHTML);
</script>



答案：
根据XHTML嵌套规则,p本身block元素, 而p下只能包含inline元素.

如果在p下再次包含p,就违背了XHTML规则, JS当然不买账了

如果在p下包含div, innerHTML也一样取不到.


P:

<a> <abbr> <acronym> <applet> <b> <bdo> <big> <br> <button> <cite> <code> <del> <dfn> <em> <i> <img> <input> <ins> <kbd> <label> <map> <noscript> <q> <ruby> <samp> <script> <select> <small> <span> <strong> <sub> <sup> <textarea> <tt> <var>
]]> http://www.jackxiang.com/post//#blogcomment <![CDATA[[评论] html的P标签是不能嵌套的 ]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 http://www.jackxiang.com/post//#blogcomment