p标签中加入ul后,使用js检测p元素多了一个，为什么?

p标签中加入ul后,使用js检测p元素多了一个，如下代码，总共变成2个，为什么?

<p>

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</p>

var pLength = document.getElementsByTagName("p").length;
alert(pLength)  //2

-------------------------------------------------------------------------------------
因为 p元素不能包含块装元素，ul也是一个块状元素，类似情况还有dt中不能包含块状元素，
具体背后原理不是很清楚，求专业前端高手解答