Hisia ya firstChild ya HTML DOM Element

Ufafanuzi na matumizi

firstChild Hisia inatuma mwanafikia wa kwanza wa mwanafikia ulioonekana, kwa muundo wa Node.

firstChild Hisia ni inayokusudiwa.

firstChild Hisia inaonekana na childNodes[0] Uhusiano.

Uaguzi

firstChild Kurudi mwanafikia wa kwanza: mwanafikia wa kina, mwanafikia wa matukio au mawingu.

Mawili ya hali ya kina pia ni mawili ya matukio.

Chaguo cha kawaida:

Hisia ya firstElementChild - firstElementChild Hisia inatuma mwanafikia wa kwanza (inaingia kwa mawili ya matukio na mawili ya mawingu).

Tunafaa kuangalia:

Mafano ya mwanafikia wa kina

Mafano ya mwanafikia wa kwanza wa mawili

Mafano ya mwanafikia wa kina

Mafano ya mwanafikia wa kwanza

Mafano ya hisia ya mwanafikia

Mafano ya parentNode

Mafano ya nodeName

Mafano ya nodeType

Mafano ya nodeValue

Mfano

Mfano 1

Kurudi uenezi wa HTML wa kina wa kwanza wa <ul>:

document.getElementById("myList").firstChild.innerHTML;

Kutaja kwa matokeo

Mfano 2

Pata ujumbe wa kina wa kwanza wa <select>:

let text = document.getElementById("mySelect").firstChild.text;

Kutaja kwa matokeo

Mfano 3

Mfano huu anatoa taarifa kuhusu uharibifu wa mawili.

Jifungua jina la "myDIV" ya kina ya mwanafikia wa kwanza:

<div id="myDIV">
  <p>Imetaka kwamba mabonani wa kwanza wa kina</p>
  <p>Imetaka kwamba mabonani wa kina wa kwanza</p>
</div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>

Kutaja kwa matokeo

Mfano 4

Kamwe, kama unafungua hali za hewa kutoka kwa mwanzi, hauonekani #text katika "myDIV":

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>

Kutaja kwa matokeo

Mabonani ya HTML na mabonani

Kwenye HTML DOMKwenye (Document Object Model), maelezo wa HTML ni kikoloni cha mabonani (au hauonekani) kwa watoto.

MwongozoNi mabonani ya kina, mabonani ya maelezo na mabonani ya maelezo.

MabonaniHali za hewa kati ya mabonani ni mabonani ya maelezo.

Mabonani ni mabonani ya kina.

Watoto wa mabonani na watoto wa mabonani

childNodes InarudiaWatoto wa mabonaniMabonani ya kina (mabonani ya maelezo au mabonani ya maelezo).

children InarudiaWatoto wa mabonaniHaiweze kurejea mabonani na mabonani ya maelezo (maelezo ya maelezo).

firstChild na firstElementChild

firstChild Inarudi mabonani wa kwanzaWatoto wa mabonaniMabonani ya kina (mabonani ya maelezo au mabonani ya maelezo). Hali za hewa kati ya mabonani ni mabonani ya maelezo.

firstElementChild Inarudi mabonani wa kwanzaWatoto wa mabonaniHaiweze kurejea mabonani na mabonani ya maelezo (maelezo ya maelezo).

lastChild na lastElementChild

lastChild Inarudi mabonani wa kwanzaWatoto wa mabonaniMabonani ya kina (mabonani ya maelezo au mabonani ya maelezo). Hali za hewa kati ya mabonani ni mabonani ya maelezo.

lastElementChild Inarudi mabonani wa kwanzaWatoto wa mabonaniHaiweze kurejea mabonani na mabonani ya maelezo (maelezo ya maelezo).

Inayotumiwa kwa

element.firstChild

au

node.firstChild

Matokeo ya kuharibika

Aina Maelezo
Mwongozo

Mwongozo wa kwanza wa mwingine.

Ili kwenda null kama hana watoto.

Mwabaliwe wa viwanda

element.firstChild Ni DOM Level 1 (1998) mafanikio.

Wote wengi wa viwanda wamekubali kwa kuzingatia:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Msaada 9-11 Msaada Msaada Msaada Msaada