Latest web development tutorials

Metode DOM HTML

Metode ini merupakan tindakan yang kita dapat melakukan pada node (elemen HTML).

Programming interface

Dengan JavaScript (dan bahasa pemrograman lainnya) ke HTML akses DOM.

Semua elemen HTML didefinisikan sebagai objek, dan antarmuka pemrograman adalah metode objek dan properti obyek.

Metode ini operasi (seperti menambahkan atau memodifikasi elemen) yang dapat Anda lakukan.

Properti adalah bahwa Anda bisa mendapatkan atau menetapkan nilai (misalnya, nama node atau konten).

getElementById () metode

getElementById () metode mengembalikan elemen dengan ID yang ditentukan:

contoh

var element=document.getElementById("intro");

Coba »

HTML DOM objek - metode dan properti

Beberapa metode HTML DOM umum digunakan:

  • getElementById (id) - Dapatkan simpul (elemen) dengan id yang ditentukan
  • appendChild (node) - menyisipkan node anak baru (elemen)
  • removeChild (node) - Menghapus node anak (elemen)

Beberapa umum digunakan HTML DOM atribut:

  • innerHTML - simpul (elemen) nilai teks
  • parentNode - node (elemen) dari node induk
  • childNodes - simpul (elemen) dari node anak
  • atribut - simpul (elemen) node atribut

Dalam tutorial ini Anda akan belajar lebih banyak tentang properti bab berikutnya.

Kehidupan nyata obyek

Seseorang adalah obyek.

Salah satu pendekatan yang mungkin untuk makan (), tidur (), bekerja (), bermain (), dan sebagainya.

Metode ini semua memiliki, tetapi mereka akan dieksekusi pada waktu yang berbeda.

properti seseorang, termasuk nama, tinggi badan, berat badan, usia, jenis kelamin dan sebagainya.

Setiap orang memiliki sifat ini, tetapi nilai-nilai mereka bervariasi.

Beberapa metode DOM objek

Berikut adalah beberapa metode umum yang Anda pelajari dalam tutorial ini untuk:

cara deskripsi
getElementById () Mengembalikan elemen dengan tertentu ID.
Buka menu () Mengembalikan daftar node (set / node array) yang berisi semua elemen dengan nama tag tertentu.
getElementsByClassName () Mengembalikan daftar semua elemen dengan node yang ditentukan berisi nama kelas.
appendChild () Untuk menambahkan node anak baru ke node tertentu.
removeChild () Menghapus node anak.
replaceChild () Ganti node anak.
insertBefore () Menyisipkan node anak baru di depan node anak yang ditentukan.
createAttribute () Buat atribut simpul.
createElement () Buat simpul elemen.
createTextNode () Buat simpul teks.
getAttribute () Mengembalikan nilai atribut yang ditentukan.
setAttribute () Untuk mengatur atau mengubah nilai tertentu dari properti yang ditentukan.