Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah pemilih yang ada pada JavaScript?

Apakah pemilih yang ada pada JavaScript?

青灯夜游
Lepaskan: 2021-10-20 15:13:31
asal
4020 orang telah melayarinya

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

Apakah pemilih yang ada pada JavaScript?

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");
Salin selepas log masuk

(2 ) Dapatkan elemen dalam dokumen Elemen p pertama

document.querySelector(“p”);
Salin selepas log masuk

(3) Dapatkan elemen pertama

document.querySelector(".example");
Salin selepas log masuk

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

document.querySelector(“p.example”);
Salin selepas log masuk

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

document.querySelector(“a[target]”);
Salin selepas log masuk

(6) Pemilih berbilang Apabila

document.querySelectorAll(’.ynqc’)
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan