p 元素无法嵌套其他 p 元素（The P element represents a paragraph. It cannot contain block-level elements (including P itself).）

所以 dd 实际产生的结构与问题里贴出的不同，而是会被浏览器更改为：

<p class="dd">
    我是文字4
    <p>节点</p><p>节点</p><p>节点</p><p></p>
</p>

所以 6 个元素如下：

但问题的 html 宽松一点评价的话也不算错，因为 p 的开始标记是必须的，但结束标记某些情况下可以省略。

The start tag is mandatory. The end tag may be omitted if the <p> element is immediately followed by an <address>, <article>, <aside>, <blockquote>, <p>, <dl>, <fieldset>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hr>, <menu>, <nav>, <ol>, <pre>, <section>, <table>, <ul> or another <p> element, or if there is no more content in the parent element and the parent element is not an <a> element.

MDN HTML element reference <p>

快把块级元素列完了。。。

但最后一个由结束标记补全出来的 <p></p> 如果我没看漏的话，标准里似乎就没提到了。就是说看浏览器心情，它决定怎么处理这个意外的结束标记就怎么处理。所以在某种浏览器里，说不定楼主这段代码真能输出 7 。。。

从上到下依次包含如下六个子节点：
一个文本节点："↵ 我是文字4↵ "
三个元素节点：<p>节点</p>
一个元素节点：<p></p>
一个文本节点："↵ "

//↵代指换行符