Por exemplo, na estrutura abaixo eu tenho uma div
que possui um texto e outra div
que também possui um texto. Como eu posso capturar ou verificar se um texto é filho direto de uma tag, e não filho de uma outra tag filha:
console.log(document.querySelector('.div1').textContent)
.div1{
background: #ccc;
padding: 10px
}
.div2{
background: #999;
padding: 10px
}
<div class="div1">
Texto filho direto da div1
<div class="div2">
Texto filho direto da div2 e filho indireto da div1
</div>
</div>