HTML DOM Element lastChild na katangian

Paglilinaw at Paggamit

lastChild Ang katangian ay ibabalik ang huling bataan na bataan ng na tinukoy na nodong, bilang object na Node.

lastChild Ang katangian ay read-only.

Babala:

lastChild Ang ibabalik ay ang mga bataan na nodong ito: mga nodong elemento, tekston, o komento.

Ang walang laman sa pagitan ng mga elemento ay tekston na nodong din.

Alternatibo:

lastElementChild na katangian - lastElementChild Ang katangian ay ibabalik ang huling bataan na elemento (tulad ng mga nodong teksto at komento).

Mga ibang pananaliksik:

childNodes na katangian

firstChild na katangian

nextSibling na katangian

previousSibling na katangian

Katangian ng nodong

parentNode na katangian

nodeName na katangian

nodeType na katangian

nodeValue na katangian

HTML na nodong at elemento

Sa HTML DOM（Document Object Model）sa, ang HTML dokumento ay mayroon o walang mga bataan na nodong kumbinasyon.

NodyaAy tumutukoy sa mga nodong elemento, tekston, at komento.

ElementoAng mga walang laman sa pagitan ay tekston na nodong din.

at ang elemento lamang ay nodong elemento.

Ang mga bataan na nodong at bataan na elemento

childNodes BumalikAnak ng nodya（mga nodong elemento, tekston, at komento）。

children BumalikAnak ng nodya（hindi ang mga nodong teksto at ng mga komento）。

firstChild at firstElementChild

firstChild Bumalik sa unangAnak ng nodya（nodya ng elemento, nodya ng teksto o nodya ng komento）. Ang walang silbi na espasyo sa pagitan ng mga elemento ay nodya ng teksto.

firstElementChild Bumalik sa unangAnak ng nodya（Hindi binabalik ang mga nodya ng teksto at mga komento）。

lastChild at lastElementChild

lastChild Binabalik ang hulingAnak ng nodya（nodya ng elemento, nodya ng teksto o nodya ng komento）. Ang walang silbi na espasyo sa pagitan ng mga elemento ay nodya ng teksto.

lastElementChild Binabalik ang hulingAnak ng nodya（Hindi binabalik ang mga nodya ng teksto at mga komento）。

Halimbawa

Halimbawa 1

Binabalik ang HTML na nilalaman ng huling anak ng nodya ng <ul> element:

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

Subukan ang iyong sarili

Halimbawa 2

Kumuha ng teksto ng huling anak ng nodya ng <select> element:

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

Subukan ang iyong sarili

Halimbawa 3

Ang halimbawa na ito ay nagpakita ng pagkakasalungat ng walang silbi na espasyo, subukan na kumuha ng pangalan ng nodya ng huling anak ng "myDIV":

<div id="myDIV">
  <p>Lumalabas na unang anak</p>
  <p>Lumalabas na huling anak</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Subukan ang iyong sarili

Halimbawa 4

Gayunpaman, kung itinanggal mo ang mga walang silbi na espasyo mula sa pinagmulan, walang #text na nodya sa "myDIV":

<div id="myDIV"><p>Unang anak</p><p>Huling anak</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Subukan ang iyong sarili

Pagsusulit

element.lastChild

o

node.lastChild

Binabalik na halaga

Uri Paglalarawan
Nodya Huling anak ng nodya.
null Kung walang anak.

Suporta ng browser

element.lastChild Ito ay DOM Level 1 (1998) na katangian.

Ang lahat ng mga browser ay ganap na sumusuporta sa ito:

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