Kaedah dokumen dalam javascript

Objek dokumen dalam JavaScript menyediakan kaedah untuk mengakses dan memanipulasi dokumen HTML. Kaedah biasa termasuk: getElementById(id): Dapatkan elemen berdasarkan ID. getElementsByTagName(tag): Dapatkan koleksi elemen berdasarkan nama tag. getElementsByClassName(class): Dapatkan koleksi elemen berdasarkan nama kelas. querySelector(selector): Dapatkan elemen padanan pertama berdasarkan pemilih CSS. querySelectorAll(selector): Dapatkan set elemen padanan berdasarkan pemilih CSS.

Kaedah dokumen dalam JavaScript

Objek dokumen dalam JavaScript mewakili dokumen HTML semasa. Ia menyediakan API yang kaya untuk mengakses dan memanipulasi elemen dan struktur dokumen.

Kaedah dokumen biasa

Berikut ialah kaedah dokumen yang paling biasa digunakan:

• getElementById(id): Dapatkan rujukan elemen berdasarkan atribut id elemen.
• getElementsByTagName(tag): Dapatkan koleksi semua elemen padanan berdasarkan nama tag.
• getElementsByClassName(class): Dapatkan koleksi semua elemen padanan berdasarkan nama kelas.
• querySelector(selector): Dapatkan elemen padanan pertama menggunakan pemilih CSS.
• querySelectorAll(selector): Dapatkan koleksi semua elemen padanan menggunakan pemilih CSS.
• createElement(elemen): Cipta elemen baharu.
• tambahKanak(anak): Menambahkan elemen anak pada elemen semasa.
• moveChild(child): Mengeluarkan elemen kanak-kanak daripada elemen semasa.
• createTextNode(text): Buat nod teks.
• tulis(teks): Tulis kod HTML ke strim dokumen.

Menggunakan kaedah dokumen

Untuk menggunakan kaedah dokumen, anda boleh menggunakan sintaks berikut:

<code class="javascript">document.<method_name>(parameters);</code>

Sebagai contoh, untuk mendapatkan elemen berdasarkan idnya, anda boleh menggunakan kod berikut:

rreee

Kaedah lain

Selain yang disenaraikan di atas Selain kaedah, objek dokumen juga menyediakan kaedah tambahan berikut:

• addEventListener(event, listener): Tambahkan pendengar acara pada dokumen.
• moveEventListener(acara, pendengar): Alih keluar pendengar acara daripada dokumen.
• getComputedStyle(elemen): Dapatkan gaya elemen yang dikira.
• documentElement: Mengembalikan elemen akar dokumen (biasanya elemen ).
• body: Mengembalikan elemen badan dokumen (biasanya elemen ).

Atas ialah kandungan terperinci Kaedah dokumen dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!