alert(document.getElementById('hhh').children[2].outerHTML)<h1 id = 'hhh'>
hhh1
<p id = "ppp"><p>para1</p>para2</p>
</h1>Почему у h1 трое детей?
Это должно быть 2, то есть 2 элемента P.
Почему есть еще 1 лишний пустой элемент P?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Из-за вложенного тега P.
<p id = "ppp"><p>para1</p>para2</p>
Приведенный выше код будет отображаться как:
<p id = "ppp"></p>
<p>para1</p>
"para2"
<p></p>
Я знал это по опыту. Я не стал глубоко разбираться, почему это рендерится вот так.
Надеюсь, это понятно и помогло вам.
Но если это вложенный div, это другая история: D