HTML DOM Nodes
Dalam DOM HTML (Document Object Model) , semuanya node:
- Dokumen itu sendiri merupakan simpul dokumen
- Semua elemen HTML adalah node elemen
- Semua atribut HTML node atribut
- Teks di dalam elemen HTML adalah node teks
- Komentar adalah node komentar
Elemen Object
Dalam DOM HTML, objek Elemen mewakili elemen HTML.
Benda elemen dapat memiliki node anak dari jenis node elemen, node teks, atau node komentar.
Sebuah objek NodeList merupakan daftar node, seperti koleksi elemen HTML node anak.
Elemen juga dapat memiliki atribut. Atribut adalah atribut node (See next chapter) .
Dukungan Browser
| Obyek | |||||
|---|---|---|---|---|---|
| Element | iya nih | iya nih | iya nih | iya nih | iya nih |
| NodeList | iya nih | iya nih | iya nih | iya nih | iya nih |
Elemen Obyek dan Obyek NodeList didukung di semua browser utama.
Properties dan Metode
Properti dan metode berikut dapat digunakan pada semua elemen HTML:
| Properti / Metode | Deskripsi |
|---|---|
| element .accessKey | Menetapkan atau mengembalikan accesskey atribut elemen |
| element . addEventListener() | Menempel event handler untuk elemen tertentu |
| element . appendChild() | Menambahkan node anak baru, untuk unsur, sebagai node anak terakhir |
| element .attributes | Mengembalikan NamedNodeMap atribut elemen ini |
| element . blur() | Menghapus fokus dari unsur |
| element .childElementCount | Mengembalikan jumlah elemen anak elemen memiliki |
| element .childNodes | Mengembalikan koleksi node anak elemen (termasuk teks dan komentar node) |
| element .children | Mengembalikan koleksi elemen anak elemen ini (tidak termasuk teks dan komentar node) |
| element .classList | Mengembalikan kelas name(s) dari suatu unsur |
| element .className | Menetapkan atau mengembalikan nilai dari class atribut elemen |
| element . click() | Mensimulasikan mouse-klik pada elemen |
| element .clientHeight | Mengembalikan ketinggian elemen, termasuk bantalan |
| element .clientLeft | Mengembalikan lebar batas kiri elemen |
| element .clientTop | Mengembalikan lebar perbatasan atas unsur |
| element .clientWidth | Mengembalikan lebar elemen, termasuk bantalan |
| element . cloneNode() | Klon elemen |
| element . compareDocumentPosition() | Membandingkan posisi dokumen dari dua elemen |
| element . contains() | Mengembalikan true jika sebuah simpul adalah keturunan node, jika tidak palsu |
| element .contentEditable | Set atau kembali apakah isi dari sebuah elemen dapat diedit atau tidak |
| element .dir | Set atau mengembalikan nilai dari dir atribut elemen |
| element .firstChild | Mengembalikan simpul anak pertama dari elemen |
| element .firstElementChild | Mengembalikan elemen anak pertama dari elemen |
| element . focus() | Memberikan fokus ke elemen |
| element . getAttribute() | Mengembalikan specified nilai atribut dari node elemen |
| element . getAttributeNode() | Mengembalikan specified atribut simpul |
| element . getElementsByClassName() | Mengembalikan koleksi semua elemen anak dengan nama kelas yang ditentukan |
| element . getElementsByTagName() | Mengembalikan koleksi semua elemen anak dengan nama tag yang ditentukan |
| element . getFeature() | Mengembalikan sebuah objek yang mengimplementasikan API dari fitur tertentu |
| element . hasAttribute() | Mengembalikan nilai true jika elemen memiliki specified atribut, jika palsu |
| element . hasAttributes() | Mengembalikan nilai true jika elemen memiliki atribut apa pun, jika tidak palsu |
| element . hasChildNodes() | Mengembalikan nilai true jika elemen memiliki setiap node anak, jika tidak palsu |
| element .id | Menetapkan atau mengembalikan nilai dari id atribut elemen |
| element .innerHTML | Menetapkan atau mengembalikan isi dari sebuah elemen |
| element . insertBefore() | Menyisipkan node anak baru sebelum tertentu, yang ada, node anak |
| element .isContentEditable | Mengembalikan nilai true jika isi dari sebuah elemen dapat diedit, jika palsu |
| element . isDefaultNamespace() | Mengembalikan true jika namespaceURI ditentukan adalah default, jika tidak palsu |
| element . isEqualNode() | Cek jika dua elemen yang sama |
| element . isSameNode() | Cek jika dua elemen adalah node yang sama |
| element . isSupported() | Mengembalikan true jika fitur tertentu didukung pada elemen |
| element .lang | Menetapkan atau mengembalikan nilai lang atribut elemen |
| element .lastChild | Mengembalikan node anak terakhir dari elemen |
| element .lastElementChild | Mengembalikan elemen anak terakhir dari elemen |
| element .namespaceURI | Mengembalikan namespace URI dari elemen |
| element .nextSibling | Mengembalikan node berikutnya pada tingkat pohon simpul yang sama |
| element .nextElementSibling | Mengembalikan elemen berikutnya di tingkat pohon simpul yang sama |
| element .nodeName | Mengembalikan nama dari sebuah node |
| element .nodeType | Mengembalikan jenis node node |
| element .nodeValue | Menetapkan atau mengembalikan nilai dari sebuah node |
| element . normalize() | Bergabung node teks berdekatan dan menghapus node teks kosong di sebuah elemen |
| element .offsetHeight | Mengembalikan ketinggian elemen, termasuk padding, perbatasan dan scrollbar |
| element .offsetWidth | Mengembalikan lebar elemen, termasuk padding, perbatasan dan scrollbar |
| element .offsetLeft | Mengembalikan posisi offset horizontal elemen |
| element .offsetParent | Mengembalikan wadah offset elemen |
| element .offsetTop | Mengembalikan posisi offset vertikal elemen |
| element .ownerDocument | Mengembalikan elemen root (document object) untuk elemen |
| element .parentNode | Mengembalikan simpul induk dari elemen |
| element .parentElement | Mengembalikan node induk unsur elemen |
| element .previousSibling | Mengembalikan simpul sebelumnya di tingkat pohon simpul yang sama |
| element .previousElementSibling | Mengembalikan elemen sebelumnya di tingkat pohon simpul yang sama |
| element . querySelector() | Mengembalikan elemen anak pertama yang cocok dengan CSS yang ditentukan selector(s) dari suatu unsur |
| elemen. querySelectorAll() | Mengembalikan semua elemen anak yang cocok dengan CSS yang ditentukan selector(s) dari suatu unsur |
| element . removeAttribute() | Menghapus atribut tertentu dari suatu elemen |
| element . removeAttributeNode() | Menghapus atribut node yang ditentukan, dan mengembalikan node dihapus |
| element . removeChild() | Menghapus node anak dari elemen |
| element . replaceChild() | Menggantikan node anak di sebuah elemen |
| element . removeEventListener() | Menghapus sebuah event handler yang telah melekat dengan addEventListener() metode |
| element .scrollHeight | Mengembalikan seluruh ketinggian elemen, termasuk bantalan |
| element .scrollLeft | Menetapkan atau mengembalikan jumlah piksel konten sebuah elemen yang menggulir secara horizontal |
| element .scrollTop | Menetapkan atau mengembalikan jumlah piksel konten sebuah elemen yang menggulir secara vertikal |
| element .scrollWidth | Mengembalikan seluruh lebar elemen, termasuk bantalan |
| element . setAttribute() | Set atau mengubah specified atribut, dengan nilai yang ditentukan |
| element . setAttributeNode() | Set atau mengubah specified atribut simpul |
| element .style | Menetapkan atau mengembalikan nilai dari style atribut elemen |
| element .tabIndex | Set atau mengembalikan nilai tabindex atribut elemen |
| element .tagName | Mengembalikan nama tag elemen |
| element .textContent | Menetapkan atau mengembalikan konten tekstual node dan keturunannya |
| element .title | Menetapkan atau mengembalikan nilai dari title atribut elemen |
| element . toString() | Mengkonversi elemen ke string |
| NodeList. item() | Mengembalikan simpul pada indeks tertentu di NodeList sebuah |
| .length NodeList | Mengembalikan jumlah node dalam NodeList sebuah |