1. Rumah
  2. Akses HTML DOM

Tutorial Akses HTML DOM Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari elemen akses HTML (node),getElementById () metode,contoh,Buka menu () metode,contoh 1,contoh 2,The getElementsByClassName () Metode,

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.

Tutorial Panas

Hubungi kami

Akses HTML DOM
10/30