Bagaimana untuk mencari elemen dalam js

Kaedah untuk mencari elemen dalam JavaScript ialah: getElementById(id): Gunakan ID elemen untuk mencari elemen. getElementsByClassName(className): Cari elemen menggunakan nama kelas. getElementsByTagName(tagName): Cari elemen menggunakan nama tag. querySelectorAll(selector): Cari elemen menggunakan pemilih CSS. querySelector(selector): Gunakan pemilih CSS untuk mencari elemen padanan pertama. . . Ia mengembalikan elemen pertama dengan ID yang ditentukan.

Contoh:

<code class="javascript">const element = document.getElementById('myElement');</code>

2. getElementsByClassName(className):

Cari elemen menggunakan atribut nama kelasnya. Ia mengembalikan koleksi semua elemen dengan nama kelas yang ditentukan.

Contoh:

<code class="javascript">const elements = document.getElementsByClassName('myClass');</code>

3. getElementsByTagName(tagName):

Cari elemen menggunakan nama tag HTML. Ia mengembalikan koleksi semua elemen dengan teg yang ditentukan.

Contoh:

<code class="javascript">const elements = document.getElementsByTagName('p');</code>

4. querySelectorAll(selector):

Kaedah carian umum yang menggunakan pemilih CSS untuk mencari elemen daripada dokumen. Ia mengembalikan koleksi semua elemen yang sepadan dengan pemilih.

Contoh:

<code class="javascript">const elements = document.querySelectorAll('.myClass p'); // 选择带有 myClass 类名的段落</code>

5. querySelector(selector):

Serupa dengan querySelectorAll, tetapi ia hanya mengembalikan elemen pertama yang sepadan dengan pemilih.

Contoh:

<code class="javascript">const element = document.querySelector('.myClass');</code>

Kaedah lain:

document.forms: Dapatkan koleksi borang.

document.images

: Dapatkan koleksi imej.

document.links

: Dapatkan koleksi pautan.

Atas ialah kandungan terperinci Bagaimana untuk mencari elemen dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!