JavaScript-daky pseudomassiwlaryň görnüşleri arasyndaky tapawut

Iki görnüşli pseudomassiwlar arasyndaky tapawut DOM elementlerini üýtgetmekde dürli hereket edişlerinde. Mysal üçin, biz abzaslaryň ýygyndysyny HTMLCollection we NodeList görnüşinde alalyň. Soňra biz ýene bir abzas döredip, öz DOM-ymyza goşarys. Bu ýagdaýda ol awtomatik usulda HTMLCollection-da görüner, ýöne NodeList ýygyndysy üýtgewsiz galar.

Geliň mysal bilen seredeliň. Bizde bir div bolsun, we onuň içinde abzaslar. Divimizi we şol bir abzaslary iki dürli görnüşli ýygyndylar görnüşinde alalyň:

let parent = document.querySelector('div');
let elems1 = document.getElementsByTagName('p'); // HTMLCollection
let elems2 = document.querySelectorAll('p');     // NodeList

Divimize ýene bir abzas goşalyň:

let p = document.createElement('p');
parent.append(p);

Netijede, ýygyndylaryň biri üýtgerer, ikinjisi bolsa ýok:

console.log(elems1); // 4 abzas - täzesi bilen
console.log(elems2); // 3 başlangyç abzas

children hasiýetiniň täze element goşulanda nähili hereket edjekdigini barlaň.

childNodes hasiýetiniň täze element goşulanda nähili hereket edjekdigini barlaň.