childNodes xususiyati
childNodes xususiyati elementning farzand tugunlarining
pseydomassivi
ni (teglar, izohlar
va matn tugunlari) o'z ichiga oladi.
Sintaksis
element.childNodes;
Misol
Elementning barcha farzand tugunlarini olamiz va ularning tarkibini ekranda chiqaramiz:
<div id="parent">matn<p>paragraf</p><!--izoh--></div>
let parent = document.querySelector('#parent');
let nodes = parent.childNodes;
for (let node of nodes) {
console.log(node.textContent);
}
Misol
Birinchi tugunning tarkibini chiqaramiz:
<div id="parent">matn<p>paragraf</p><!--izoh--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);
Kodni bajarish natijasi:
'matn'
Misol
2-raqamli tugunning tarkibini chiqaramiz:
<div id="parent">matn<p>paragraf</p><!--izoh--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);
Kodni bajarish natijasi:
'izoh'
Shuningdek qarang
-
childrenxususiyati,
bu farzand elementlarini o'z ichiga oladi -
firstChildxususiyati,
bu birinchi tugunni o'z ichiga oladi -
lastChildxususiyati,
bu oxirgi tugunni o'z ichiga oladi