Kaedah DOM HTML


Kaedah ialah tindakan yang boleh kita lakukan pada nod (elemen HTML).

Antara muka pengaturcaraan

menyediakan akses kepada DOM HTML melalui JavaScript (dan bahasa pengaturcaraan lain).

Semua elemen HTML ditakrifkan sebagai objek, dan antara muka pengaturcaraan ialah kaedah objek dan sifat objek.

Kaedah ialah tindakan yang boleh anda lakukan (seperti menambah atau mengubah suai elemen).

Sifat ialah nilai yang anda boleh dapatkan atau tetapkan (seperti nama atau kandungan nod).

kaedah getElementById()

kaedah getElementById() mengembalikan elemen dengan ID yang ditentukan:

Instance

<html><!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>
<p>This example demonstrates the <b>getElementById</b> method!</p>

<script>
x=document.getElementById("intro");
document.write("<p>The text from the intro paragraph: " + x.innerHTML + "</p>");
</script>

</body>
</html>

Jalankan contoh»

Klik butang "Jalankan contoh" untuk melihat contoh dalam talian

Objek DOM HTML - Kaedah dan Sifat

Beberapa kaedah DOM HTML yang biasa digunakan:

  • getElementById(id) - Dapatkan nod dengan id yang ditentukan (elemen)

  • appendChild(nod) - Masukkan nod anak baharu (elemen)

  • removeChild(nod) - Alih keluar nod anak ( elemen) )

Beberapa atribut DOM HTML yang biasa digunakan:

  • innerHTML - nilai teks nod (elemen)

  • parentNode - nod induk nod (elemen)

  • childNodes - nod anak nod (elemen)

  • atribut - nod (elemen) ) nod atribut

Anda akan mengetahui lebih lanjut tentang atribut dalam bab seterusnya tutorial ini.

Objek dalam kehidupan sebenar

Seseorang ialah objek.

Kaedah manusia mungkin makan(), tidur(), kerja(), main(), dsb.

Semua mempunyai kaedah ini tetapi melaksanakannya pada masa yang berbeza.

Atribut seseorang termasuk nama, ketinggian, berat, umur, jantina, dsb.

Semua manusia mempunyai sifat-sifat ini, tetapi nilai mereka berbeza dari orang ke orang.

Beberapa Kaedah Objek DOM

Berikut ialah beberapa kaedah biasa yang akan anda pelajari dalam tutorial ini:

方法描述
getElementById()返回带有指定 ID 的元素。
getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
getElementsByClassName()返回包含带有指定类名的所有元素的节点列表。
appendChild()把新的子节点添加到指定节点。
removeChild()删除子节点。
replaceChild()替换子节点。
insertBefore()在指定的子节点前面插入新的子节点。
createAttribute()创建属性节点。
createElement()创建元素节点。
createTextNode()创建文本节点。
getAttribute()返回指定的属性值。
setAttribute()把指定属性设置或修改为指定的值。