Kaedah objek dokumen dalam javascript

下次还敢
Lepaskan: 2024-05-08 22:21:22
asal
601 orang telah melayarinya

Objek dokumen menyediakan pelbagai kaedah untuk mengakses dan mengubah suai dokumen HTML, termasuk: Dapatkan elemen dengan ID yang ditentukan (melalui getElementById) Dapatkan koleksi elemen berdasarkan nama tag (melalui getElementsByTagName) Dapatkan koleksi elemen berdasarkan nama kelas (melalui getElementsByClassName) Gunakan pemilihan CSS Cari elemen (melalui querySelector dan querySelectorAll) Cipta elemen baharu (melalui createElement) Alih keluar elemen daripada dokumen (melalui removeChild) Tambah elemen pada dokumen (melalui

Kaedah objek dokumen dalam javascript

Kaedah objek dokumen dalam JavaScript

Objek dokumen memainkan peranan penting dalam JavaScript, menyediakan pelbagai kaedah untuk mengakses dan mengubah suai dokumen HTML Berikut ialah beberapa kaedah biasa bagi objek dokumen:

1.

Dapatkan elemen HTML yang ditentukan dengan ID

Contoh:

<code class="javascript">const element = document.getElementById('my-element');</code>
Salin selepas log masuk

2 getElementsByTagName(nama)

Dapatkan koleksi elemen nama HTML

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

3. getElementsByClassName (nama)

Dapatkan koleksi elemen HTML dengan nama kelas yang ditentukan

Contoh:

rreee

4. pertama elemen HTML yang sepadan Elemen(nama)

Buat elemen HTML baharu. appendChild(elemen) .

10. tulis dalam( teks) )

Tulis teks dalam dokumen dan bungkusnya

Contoh:

<code class="javascript">const elements = document.getElementsByClassName('my-class');</code>
Salin selepas log masuk
.

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

Label berkaitan:
css
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!