Tutorial HTML DOM objek elemen Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari HTML DOM simpul,objek elemen,Dukungan Browser,Properties dan Metode,
HTML DOM (Document Object Model) di setiap node hal tersebut adalah:
Dalam DOM HTML, elemen obyek mewakili elemen HTML.
Anak-anak dari objek elemen mungkin, bisa menjadi simpul elemen, node teks, node komentar.
objek NodeList merupakan daftar node, mirip dengan elemen HTML anak node koleksi.
Elemen dapat memiliki atribut. Properti milik atribut simpul (lihat bagian berikutnya).
Semua browser utama mendukung objek elemen dan objek NodeList. .
Atas properti dan metode yang berlaku untuk semua elemen HTML:
Properti / Metode | deskripsi |
---|---|
elemen .accessKey | Menetapkan atau mengembalikan accesskey elemen |
elemen .addEventListener () | Tambahkan event handler untuk elemen tertentu |
elemen .appendChild () | Menambahkan elemen baru ke elemen anak |
.attributes elemen | Ini mengembalikan array atribut elemen |
.childNodes elemen | Mengembalikan array elemen dalam node anak |
elemen .classlist | Mengembalikan nama kelas dari elemen, seperti DOMTokenList objek. |
elemen .className | Menetapkan atau mengembalikan atribut kelas elemen |
elemen .clientHeight | Mengembalikan konten pada ketinggian terlihat halaman (tidak termasuk perbatasan, margin, atau scrollbars) |
elemen .clientWidth | Mengembalikan isi dari halaman yang terlihat lebar (tidak termasuk perbatasan, margin, atau scrollbars) |
elemen .cloneNode () | Kloning unsur |
elemen .compareDocumentPosition () | Dokumen Lokasi untuk membandingkan dua elemen. |
elemen .contentEditable | Set atau kembali apakah konten elemen dapat diedit |
elemen .dir | Menetapkan atau mengembalikan unsur dalam arah teks |
elemen .firstChild | Mengembalikan anak pertama elemen |
elemen .focus () | Mengatur dokumen atau keuntungan elemen fokus |
elemen .getAttribute () | Mengembalikan nilai atribut elemen tertentu ini |
elemen .getAttributeNode () | Mengembalikan atribut node yang ditentukan |
elemen .getElementsByTagName () | Mengembalikan nama tag dari kumpulan semua elemen anak. |
elemen. getElementsByClassName () | Mengembalikan semua elemen dalam dokumen menentukan nama kelas koleksi, seperti NodeList objek. |
elemen .getFeature () | Mengembalikan karakteristik tertentu dari objek untuk melakukan API. |
elemen .getUserData () | Mengembalikan objek yang terkait dengan elemen kunci. |
elemen .hasAttribute () | Jika properti ditentukan ada pengembalian unsur benar, jika tidak maka kembali palsu. |
.hasAttributes elemen () | Jika ada properti elemen mengembalikan true, jika tidak maka kembali palsu. |
.hasChildNodes elemen () | Kembali apakah unsur memiliki unsur anak |
elemen .hasfocus () | Mengembalikan nilai Boolean, mendeteksi apakah dokumen atau elemen gain fokus |
elemen .id | Set atau pengembalian id dari elemen. |
elemen .innerHTML | Menetapkan atau mengembalikan isi dari elemen. |
elemen .insertBefore () | Menyisipkan elemen anak baru sebelum elemen anak yang ada |
elemen .isContentEditable | Jika isi elemen kembali diedit true, false jika tidak |
elemen .isDefaultNamespace () | Jika namespaceURI mengembalikan nilai true, jika tidak maka kembali palsu. |
elemen .isEqualNode () | Memeriksa dua elemen yang sama |
elemen .isSameNode () | Memeriksa dua elemen semua memiliki node yang sama. |
elemen .isSupported () | Jika fitur yang didukung ditentukan dalam elemen mengembalikan nilai true. |
elemen .lang | Menetapkan atau mengembalikan bahasa elemen. |
elemen .lastChild | elemen anak terakhir kembali |
elemen .namespaceURI | Mengembalikan URI namespace. |
elemen .nextSibling | Diikuti oleh kembalinya elemen yang |
elemen .nodeName | Mengembalikan nama tag elemen (huruf besar) |
elemen .nodeType | Mengembalikan tipe node elemen |
elemen .nodeValue | Mengembalikan nilai dari node elemen |
elemen .normalize () | Jadi ini telah menjadi "normal" bentuk di mana hanya struktur (misalnya, elemen, komentar, pengolahan instruksi, bagian CDATA, dan referensi entitas) spasi node Text, yaitu, unsur-unsur (termasuk properti) semua node teks di bawah ini, yang tidak berdekatan node teks atau node teks kosong |
elemen .offsetHeight | Kembali unsur ketinggian apapun, termasuk perbatasan dan mengisi, tapi tidak margin |
elemen .offsetWidth | Mengembalikan lebar elemen, termasuk perbatasan dan padding, tapi tidak margin |
elemen .offsetLeft | Mengembalikan elemen saat horizontal relatif mengimbangi posisi offset wadah |
elemen .offsetParent | Mengembalikan elemen wadah offset |
elemen .offsetTop | Mengembalikan elemen saat relatif vertikal offset kontainer diimbangi |
elemen .ownerDocument | Mengembalikan unsur elemen root (objek dokumen) |
elemen .parentNode | Mengembalikan simpul induk dari elemen |
elemen .previousSibling | Mengembalikan elemen tepat sebelum elemen |
elemen .querySelector () | | Kembali cocok elemen CSS selector yang ditentukan adalah elemen anak pertama |
document.querySelectorAll () | Mengembalikan pemilih CSS ditentukan sesuai dengan elemen daftar node dari semua sub-elemen |
elemen .removeAttribute () | Menghapus atribut tertentu dari elemen |
elemen .removeAttributeNode () | Menghapus atribut node tertentu dan mengembalikan penghapusan simpul setelah. |
elemen .removeChild () | Untuk menghapus sub-elemen |
elemen .removeEventListener () | Hapus pegangan dengan metode addEventListener () untuk menambahkan acara |
elemen .replaceChild () | Ganti elemen anak |
elemen .scrollHeight | Mengembalikan tinggi dari seluruh elemen (termasuk dengan tempat tersembunyi dari scroll bar) |
elemen .scrollLeft | Pengembalian dari tampilan saat ini unsur-unsur sebenarnya dari tepi kiri dan tepi kiri |
elemen .scrollTop | Kembali dari tepi atas dan pandangan atas unsur-unsur sebenarnya dari tepi antara arus |
elemen .scrollWidth | Mengembalikan seluruh lebar elemen (termasuk dengan tempat tersembunyi dari scroll bar) |
elemen .setAttribute () | Mengatur atau mengubah sifat tertentu dan nilai yang ditentukan. |
elemen .setAttributeNode () | Menetapkan atau mengubah atribut node yang ditentukan. |
elemen .setIdAttribute () | |
elemen .setIdAttributeNode () | |
elemen .setUserData () | Dalam elemen yang berhubungan dengan objek kunci tertentu. |
elemen .style | Menetapkan atau mengembalikan atribut style dari elemen |
elemen .tabIndex | Menetapkan atau mengembalikan urutan tab elemen. |
elemen .tagName | Sebagai nama tag string unsur (huruf besar) |
elemen .textContent | Menetapkan atau mengembalikan node dan konten teks yang |
.title elemen | Menetapkan atau mengembalikan atribut judul elemen |
elemen .ToString () | Sebuah elemen ke dalam sebuah string |
.item NodeList () | Mengembalikan index dari elemen di pohon dokumen berdasarkan |
.length NodeList | Mengembalikan jumlah node dalam daftar node. |