Apakah maksud nodelist?

nodelist bermaksud senarai nod Ia adalah objek dalam JavaScript Ia adalah objek seperti tatasusunan yang digunakan untuk menyimpan satu set nodelist objek adalah serupa dengan objek HTMLCollection boleh lulus indeks untuk diakses.

Persekitaran pengendalian artikel ini: sistem Windows 10, nodejs versi 12.19.0, komputer Dell G3.

Apakah maksud nodelist?

NodeList ialah objek dalam JavaScript Ia adalah objek seperti tatasusunan yang digunakan untuk menyimpan satu set nod tersusun objek

Objek NodeList ialah senarai nod (koleksi) yang diperoleh daripada dokumen.

Objek NodeList adalah serupa dengan objek HTMLCollection.

Sesetengah kaedah dalam penyemak imbas lama (seperti getElementsByClassName()) mengembalikan objek NodeList dan bukannya objek HTMLCollection.

Harta childNodes bagi semua penyemak imbas mengembalikan objek NodeList.

Kebanyakan pelayar querySelectorAll() mengembalikan objek NodeList.

Elemen dalam NodeList boleh diakses melalui indeks (bermula pada 0).

Senarai nod sentiasa dikemas kini. Jika elemen dipadamkan atau ditambah pada senarai nod atau dokumen XML, senarai itu dikemas kini secara automatik.

Nota: Dalam senarai nod, nod dikembalikan dalam susunan yang sama di mana ia dinyatakan dalam dokumen XML.

Harta objek NodeList

panjang mengembalikan bilangan nod dalam senarai nod.

Kaedah objek NodeList

item() mengembalikan nod dengan nombor indeks yang ditentukan dalam senarai nod.

Contohnya adalah seperti berikut:

Instance 1:

Objek contoh NodeList mungkin koleksi dinamik atau koleksi statik. Koleksi dinamik yang dipanggil ialah koleksi hidup Jika pepohon DOM memadamkan atau menambah nod yang berkaitan, ia akan segera ditunjukkan dalam antara muka NodeList.

var parent = document.getElementById('parent');
parent.childNodes.length // 2
parent.appendChild(document.createElement('div'));
parent.childNodes.length // 3

Dalam kod di atas, parent.childNodes mengembalikan objek contoh NodeList. Apabila nod induk menambah nod anak, bilangan ahli objek meningkat sebanyak 1. Node.childNodes mengembalikan koleksi dinamik.

Kaedah document.querySelectorAll mengembalikan koleksi statik. Perubahan dalam DOM tidak akan ditunjukkan dalam hasil pulangan kaedah ini dalam masa nyata.

Objek contoh antara muka NodeList menyediakan atribut panjang dan indeks angka, jadi anda boleh menggunakan indeks berangka untuk mendapatkan setiap nod seperti tatasusunan, tetapi ia bukan tatasusunan itu sendiri dan tidak boleh menggunakan kaedah khusus tatasusunan seperti pop atau tolak. [

Contoh 2:

Dalam kod di atas, bahagian indeks berangka myNodeList dilalui melalui gelung for, ahli yang sepadan dengan 3 indeks dikembalikan dan panjang atribut dikembalikan dengan betul ialah 3.

//HTML部分代码
//<ul><li>one</li><li>two</li><li>three</li></ul>
//JAVASCRIPT代码
var myNodeList = document.querySelector(&#39;ul&#39;).childNodes;
for(var i=0;i<myNodeList.length;i++){
    console.log(myNodeList[i]);
}
/* <li>one</li>
<li>two</li>
<li>three</li>
*/
console.log(myNodeList.length);// 3
console.log(myNodeList.item(1));//<li>two</li>

Ahli kedua objek contoh myNodeList diakses melalui kaedah item(). Oleh kerana indeks berangka mula mengira dari sifar, untuk mendapatkan semula ahli kedua, gunakan indeks berangka 1.

Semua objek seperti tatasusunan boleh menggunakan operator kurungan segi empat sama untuk mengalih keluar ahli, jadi secara amnya, kaedah NodeList[index] digunakan dan bukannya kaedah item.

Pembelajaran yang disyorkan: "

tutorial video nodejs

"

Atas ialah kandungan terperinci Apakah maksud nodelist?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!