JavaScript-dä döwür bilen düwünleriň üstünden geçiş
Bilşiňiz ýaly, children
häsiýetinde berlen elementleriň gönüden-göni
çagalary bolan ähli DOM elementleri bar. Şuňa meňzeş
häsiýet childNodes bar,
ol elementleriň ähli çagalary-düwünlerini öz içine alýar.
Geliň, meselem, bu häsiýeti ulanmak bilen öz elementimizden dürli düwünleri çykaryp göreliň:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Indi bolsa geliň elementleriň düwünlerini döwür bilen üstünden geçireliň:
for (let node of elem.childNodes) {
console.log(node);
}
Div berlen:
<div id="elem">tekst<b>teg</b><!--şert-->tekst<b>teg</b><!--şert--></div>
Bu div-iň ähli düwünlerini döwür bilen üstünden geçiriň we olary konsola çykaryň.