Just want to confirm my understanding regarding Text Node

Initially, I was pretty confused regarding how to access the text node "Confirmed" next to the checkbox inside the <li>.

And then after some googling, I found this resource, and I find it to be very helpful in explaining the DOM tree & its nodes: https://javascript.info/dom-nodes

From what I understand, DOM trees have 3 nodes:

• element node
• text node
• document node

Element Node:

• if an HTML tag doesn't have any children, then text inside it is considered inside element node
• and can be accessed using firstElementChild
• example:

<span>this is inside element node, because this span doesn't have any other child</span>

Text Node:

• if an HTML tag have children, then the text inside it is considered inside a text node
• and can only be accessed using firstChild
• example, the text 'Confirm' below is inside a text node, because <label> has other child, which is <input>

<label>
  Confirm
  <input type="checkbox">
</label>

I would really appreciate if anyone can help me confirm my understanding, and point out if it's correct or not. Thx.

And if it's correct, then hopefully what I wrote above help others understand this concept as well