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ň:

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

Divimize ýene bir abzas goşalyň:

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

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

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