Bagaimana untuk mendapatkan objek dom dalam javascript

Bagaimana untuk mendapatkan objek DOM? Dalam JavaScript, anda boleh mendapatkan objek DOM menggunakan kaedah berikut: getElementById(): Dapatkan elemen DOM berdasarkan atribut IDnya. getElementsByClassName(): Mendapat koleksi elemen DOM berdasarkan atribut kelas. getElementsByTagName(): Mendapat koleksi elemen DOM berdasarkan nama teg. querySelector(): Dapatkan satu elemen DOM berdasarkan pemilih CSS. querySelectorAll(): Mendapat koleksi elemen DOM berdasarkan pemilih CSS.

Cara untuk mendapatkan objek DOM dalam JavaScript

Dalam JavaScript, terdapat beberapa cara untuk mendapatkan objek Model Objek Dokumen (DOM):

1. Ini ialah kaedah getElementById() digunakan untuk Dapatkan elemen DOM berdasarkan atribut IDnya.

const element = document.getElementById('my-element');

2. getElementsByClassName()

Kaedah ini digunakan untuk mendapatkan set elemen DOM berdasarkan atribut kelasnya.

const elements = document.getElementsByClassName('my-class');

3. getElementsByTagName()

Kaedah ini digunakan untuk mendapatkan set elemen DOM berdasarkan nama tagnya.

const elements = document.getElementsByTagName('p');

4. querySelector()

Kaedah ini digunakan untuk mendapatkan satu elemen DOM berdasarkan pemilih CSS.

const element = document.querySelector('p#my-paragraph');

5. querySelectorAll()

Kaedah ini digunakan untuk mendapatkan set elemen DOM berdasarkan pemilih CSS.

const elements = document.querySelectorAll('.my-class');

Contoh

Contoh berikut menggunakan kaedah untuk mendapatkan elemen perenggan dengan ID "perenggan saya":

const paragraph = document.getElementById('my-paragraph');
paragraph.innerHTML = 'Hello, JavaScript!';

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan objek dom dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!