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.

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

2. getElementsByClassName()

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

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

3. getElementsByTagName()

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

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

4. querySelector()

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

<code class="javascript">const element = document.querySelector('p#my-paragraph');</code>

5. querySelectorAll()

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

<code class="javascript">const elements = document.querySelectorAll('.my-class');</code>

Contoh

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

<code class="javascript">const paragraph = document.getElementById('my-paragraph');
paragraph.innerHTML = 'Hello, JavaScript!';</code>

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