childNodes xususiyati

childNodes xususiyati elementning farzand tugunlarining pseydomassivi ni (teglar, izohlar va matn tugunlari) o'z ichiga oladi.

Sintaksis

javascriptelement.childNodes;

Misol

Elementning barcha farzand tugunlarini olamiz va ularning tarkibini ekranda chiqaramiz:

html<div id="parent">matn<p>paragraf</p><!--izoh--></div>

javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
  console.log(node.textContent);
}

Misol

Birinchi tugunning tarkibini chiqaramiz:

html<div id="parent">matn<p>paragraf</p><!--izoh--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

Kodni bajarish natijasi:

javascript'matn'

Misol

2-raqamli tugunning tarkibini chiqaramiz:

html<div id="parent">matn<p>paragraf</p><!--izoh--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

Kodni bajarish natijasi:

javascript'izoh'

Shuningdek qarang