Latest web development tutorials

Akses HTML DOM

Akses ke HTML DOM - menemukan elemen HTML.

elemen akses HTML (node)

elemen akses HTML setara dengan akses Node

Anda dapat dengan cara yang berbeda untuk mengakses elemen HTML:

  • Dengan menggunakan () metode getElementById
  • Dengan menggunakan () metode Buka menu
  • Dengan menggunakan () metode getElementsByClassName

getElementById () metode

getElementById () metode mengembalikan elemen dengan ID yang ditentukan:

tatabahasa

node.getElementById("id");

Contoh berikut Dapatkan id = "intro" elemen:

contoh

document.getElementById("intro");

Coba »

Buka menu () metode

Buka menu () mengembalikan semua elemen dengan nama tag tertentu.

tatabahasa

node.getElementsByTagName("tagname");

Contoh berikut mengembalikan daftar dokumen yang berisi semua <p> elemen:

contoh 1

document.getElementsByTagName("p");

Coba »

Contoh berikut mengembalikan daftar dokumen yang berisi semua <p> elemen, dan <p> elemen harus menjadi id keturunan = "main" elemen (anak, Sun, dll):

contoh 2

document.getElementById("main").getElementsByTagName("p");

Coba »

The getElementsByClassName () Metode

Jika Anda ingin mencari semua elemen HTML dengan nama kelas yang sama, menggunakan metode ini:

document.getElementsByClassName("intro");

Mengembalikan daftar yang berisi contoh kelas atas = "intro" semua elemen:

Catatan: getElementsByClassName () tidak berlaku di 5,6,7,8 di Internet Explorer.