Apakah pemilih yang ada pada JavaScript?

Pemilih JavaScript termasuk: getElementById(), getElementsByName(), getElementsByTagName(), getElementsByClassName(), querySelector(), dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Apakah pemilih yang terdapat dalam JavaScript?

Pemilih JavaScript yang biasa digunakan termasuk getElementById(), getElementsByName(), getElementsByTagName(), getElementsByClassName( ), querySelector(), querySelectorAll().

1. document.querySelector()

kaedah querySelector() hanya mengembalikan elemen pertama yang sepadan dengan pemilih yang ditentukan. Jika anda perlu mengembalikan semua elemen, sila gunakan kaedah querySelectorAll() dan bukannya

(1) Dapatkan elemen dengan id="demo" dalam dokumen:

document.querySelector("#demo");

(2 ) Dapatkan elemen dalam dokumen Elemen p pertama

document.querySelector(“p”);

(3) Dapatkan elemen pertama

document.querySelector(".example");

dengan class="example" dalam dokumen (4) Dapatkan class="example" dalam dokumen "Elemen p pertama:

document.querySelector(“p.example”);

(5) Dapatkan elemen pertama dengan atribut "sasaran" dalam dokumen:

document.querySelector(“a[target]”);

(6) Pemilih berbilang Apabila

document.querySelectorAll(’.ynqc’)

2 document.getElementById()

Kaedah ini akan mengembalikan objek nod yang sepadan dengan atribut id, iaitu a. fungsi unik untuk objek dokumen , kaedah ini hanya boleh dipanggil melaluinya Kaedah penggunaan adalah seperti berikut: document.getElementById('idName');

3 getElementsByTagName()

4 getElementsByClassName()

Kaedah ini digunakan untuk mendapatkan elemen dengan nama kelas yang ditentukan. Kaedah ini mengembalikan koleksi semua elemen dengan nama kelas yang ditentukan dalam dokumen sebagai objek NodeList. Objek NodeList mewakili senarai tertib nod. Untuk objek NodeList, kita boleh mengakses nod dalam senarai melalui nombor indeks nod dalam senarai nod (nombor indeks bermula dari 0), jadi kadangkala kita perlu menentukan subskrip apabila menggunakannya Kaedah penggunaan adalah seperti berikut: document.getElementsByClassName('className');

5.

Kaedah ini serupa dengan kaedah getElementById(), tetapi ia menanyakan atribut nama elemen dan bukannya atribut idnya.

Selain itu, kerana atribut nama dalam dokumen mungkin tidak unik (contohnya, butang radio dalam bentuk HTML biasanya mempunyai atribut nama yang sama), semua kaedah getElementsByName() mengembalikan tatasusunan elemen, bukan unsur.

6. document.querySelectorAll()

querySelectorAll() kaedah mengembalikan semua elemen dalam dokumen yang sepadan dengan pemilih CSS yang ditentukan dan mengembalikan objek NodeList.

Objek NodeList mewakili koleksi nod. Ia boleh diakses dengan indeks, bermula dari 0.

Petua: Anda boleh menggunakan sifat panjang objek NodeList untuk mendapatkan sifat elemen yang sepadan dengan pemilih, dan kemudian anda boleh mengulangi semua elemen untuk mendapatkan maklumat yang anda inginkan.

[Pembelajaran yang disyorkan:

Tutorial JavaScript Lanjutan

]

Atas ialah kandungan terperinci Apakah pemilih yang ada pada JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!