Contoh HTML DOM


Contoh objek HTML DOM yang diakses dan dimanipulasi menggunakan JavaScript.

Objek dokumen

  • Gunakan document.write() untuk mengeluarkan teks

  • Gunakan document.write() untuk mengeluarkan HTML

  • Mengembalikan bilangan sauh dalam dokumen

  • Mengembalikan innerHTML sauh pertama dalam dokumen

  • Mengembalikan bilangan borang dalam dokumen

  • Mengembalikan nama borang pertama dalam dokumen

  • Mengembalikan nombor imej dalam dokumen

  • Mengembalikan ID imej pertama dalam dokumen

  • Mengembalikan bilangan pautan dalam dokumen

  • Mengembalikan bilangan pautan dalam dokumen ID pautan

  • Mengembalikan pasangan nama/nilai semua kuki dalam dokumen

  • Mengembalikan nama domain pelayan dokumen yang dimuatkan

  • Mengembalikan masa terakhir dokumen yang diubah suai

  • Mengembalikan URL dokumen semasa sedang dimuatkan

  • Mengembalikan URL Tajuk dokumen

  • Mengembalikan URL lengkap dokumen

  • Buka strim output dan masukkan teks ke dalam strim

  • Perbezaan antara write() dan writeln()

  • Timbulkan innerHTML elemen dengan ID yang ditentukan

  • Timbul elemen dengan Nama yang ditentukan Nombor

  • Nombor elemen untuk muncul dengan nama tag yang ditentukan


  • Lebih banyak contoh objek Dokumen dalam manual rujukan JavaScript kami.

Objek anchor

  • Mengembalikan dan menetapkan atribut charset pautan

  • Mengembalikan dan menetapkan sifat charset bagi atribut href pautan

  • Mengembalikan dan menetapkan atribut hreflang pautan

  • Mengembalikan nama sauh

  • Mengembalikan hubungan antara fail semasa dan dokumen yang dipautkan

  • Menukar atribut sasaran pautan

  • Mengembalikan nilai atribut jenis pautan

  • Lagi contoh objek Anchor dalam Manual Rujukan JavaScript kami.

Objek kawasan

  • Mengembalikan teks alternatif bagi kawasan tertentu peta imej

  • Mengembalikan peta imej Koordinat kawasan tertentu

  • Kembalikan bahagian sauh atribut href bagi sesuatu wilayah

  • Hos yang dikembalikan nama: kawasan tertentu bagi peta imej Port

  • Mengembalikan nama hos bagi kawasan tertentu pemetaan imej

  • Mengembalikan port

    • < kawasan tertentu pemetaan imej 🎜>
  • Mengembalikan href kawasan tertentu peta imej

  • Mengembalikan nama laluan sesuatu kawasan tertentu peta imej

  • Mengembalikan peta imej Protokol kawasan tertentu

  • Mengembalikan bahagian rentetan pertanyaan atribut href sesuatu kawasan

  • Mengembalikan bentuk kawasan tertentu peta imej

  • Mengembalikan nilai sasaran kawasan dalam peta imej

  • Lebih banyak contoh objek Kawasan terdapat dalam manual rujukan JavaScript kami.

Objek Asas

  • Mengembalikan URL asas semua URL relatif pada halaman

  • Mengembalikan pautan asas semua pautan relatif pada halaman

  • Lebih banyak contoh objek asas terdapat dalam Manual Rujukan JavaScript kami.

Objek butang

  • Apabila butang diklik, butang itu tidak tersedia

  • Mengembalikan nama butang

  • Mengembalikan jenis butang

  • Mengembalikan nilai butang

  • Mengembalikan jadual yang mempunyai butang ID

  • Lebih banyak contoh objek Butang terdapat dalamManual Rujukan JavaScript kami.

Bentuk objek

  • Mengembalikan nilai semua elemen dalam bentuk

  • Mengembalikan Nilai atribut acceptCharset bagi borang

  • mengembalikan nilai atribut tindakan bagi borang

  • mengembalikan nilai enctype atribut dalam bentuk

  • Mengembalikan bilangan elemen dalam borang

  • Mengembalikan kaedah menghantar data borang

  • Mengembalikan nama borang

  • Mengembalikan nilai atribut sasaran borang

  • Tetapkan semula borang

  • Serahkan borang

  • Lebih banyak contoh objek Butang terdapat dalam Manual Rujukan JavaScript kami.

Bingkai/IFrame objek

  • Format iframe

  • Tukar a yang terkandung dalam warna latar belakang dokumen dalam iframe

  • Mengembalikan nilai atribut frameborder dalam iframe

  • Padamkan frameborder iframe

  • Tukar ketinggian dan lebar iframe

  • Kembalikan nilai atribut longdesc dalam iframe

  • Kembalikan nilai atribut longdesc dalam iframe Nilai atribut marginheight

  • Mengembalikan nilai atribut marginwidth dalam iframe

  • Mengembalikan nilai atribut nama dalam iframe

  • Kembali dan tetapkan nilai atribut menatal dalam iframe

  • Tukar src iframe

  • Lebih banyak contoh objek Frame/IFrame terdapat dalam Manual Rujukan JavaScript kami.

Objek imej

  • Format imej

  • Kembalikan teks alternatif imej

  • Tambahkan jidar pada imej

  • Tukar ketinggian dan lebar imej

  • Tetapkan hspace bagi imej dan atribut vspace

  • mengembalikan nilai atribut longdesc imej

  • mencipta pautan yang menghala ke rendah -imej resolusi

  • Kembalikan nama imej

  • Tukar src imej

  • Kembalikan nilai usemap peta imej pelanggan

  • Lebih banyak contoh objek Imej terdapat dalam Manual Rujukan JavaScript kami.

Objek Acara

  • Butang tetikus manakah yang telah diklik?

  • Kod kekunci kekunci papan kekunci yang ditekan?

  • Koordinat tetikus?

  • Koordinat tetikus berbanding skrin?

  • Adakah kekunci shift ditekan?

  • Elemen yang manakah ditekan?

  • Peristiwa yang manakah berlaku?

Pilihan dan Pilih objek

  • Lumpuhkan dan dayakan senarai lungsur

  • Dapatkan setitik -senarai bawah ID borang

  • Dapatkan bilangan pilihan dalam senarai lungsur turun

  • Tukar senarai juntai bawah menjadi senarai berbilang baris

  • Pilih berbilang pilihan dalam senarai juntai bawah

  • Timbulkan semua pilihan dalam senarai juntai bawah

  • Timbulkan pilihan yang dipilih dalam senarai juntai bawah Indeks

  • Tukar teks pilihan yang dipilih dalam senarai juntai bawah

  • Padamkan pilihan dalam senarai lungsur turun

objek Jadual, TableHeader, TableRow, TableData

  • Tukar lebar sempadan jadual

  • Tukar padding sel dan ruang sel jadual

  • Nyatakan bingkai jadual

  • Nyatakan peraturan untuk jadual

  • Satu baris innerHTML

  • InnerHTML untuk sel

  • Buat tajuk untuk jadual

  • Padam baris dalam jadual

  • Tambah baris dalam jadual

  • Tambah sel dalam baris

  • Jajarkan kandungan sel secara mendatar

  • Jajarkan kandungan sel secara menegak

  • Jajarkan kandungan sel tunggal secara mendatar

  • Jajarkan kandungan sel tunggal secara mendatar Jajarkan kandungan sel secara menegak

  • Tukar kandungan sel

  • Tukar bilangan lajur rentang sel (atribut colspan)