关于js中getAttribute()函数的问题

下面这段代码为什么在我的浏览器中会先返回 a gentle reminder 后还会再返回一个 null ？

 <!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Shopping list</title>
</head>

<body>
    <h1>What to buy</h1>
    <p title="a gentle reminder">
        Don't forget to buy this stuff.
        <ul id="purchases">
            <li>
                A tin of beans
            </li>
            <li class="sale">
                Cheese
            </li>
            <li class="sale important">
                Milk
            </li>
        </ul>
    </p>
    <script src="../javascript/demo.js"></script>
</body>

</html>


var paras = document.getElementsByTagName("p");
for (var i = 0; i < paras.length; i++) {
    alert(paras[i].getAttribute("title"));
}

按说返回一个 a gentle reminder 就该不会返回任何东西了啊！我的浏览器是 Chrome

ul不是p的合法子元素，已经被拆开成2个p了
图片说明