NODES DAN ELEMENTS

JavaScript memungkinkan kamu untuk mengakses dan memanipulasi elemen HTML dengan dengan menggunakan Nodes dan Elements. Dengan begitu, manipulasi DOM (Document Object Model) menjadi lebih mudah dan efisien.

Node dalam JavaScript

Node adalah setiap bagian dari Dokumen Object Model (DOM), termasuk elemen-elemen seperti body, div, para p, dan lain sebagainya. Dalam DOM, segala sesuatu dianggap sebagai node, termasuk atribut, teks, dan komentar.

Berikut penyajian beberapa tipe node dalam JavaScript:

• Node.ELEMENT_NODE : 1
• Node.ATTRIBUTE_NODE : 2
• Node.TEXT_NODE : 3
• Node.COMMENT_NODE : 8
• Node.DOCUMENT_NODE : 9
• Node.DOCUMENT_TYPE_NODE : 10

Contoh penggunaan Node dalam JavaScript:

const node = document.getElementById("contoh");
console.log(node.nodeName); // Menghasilkan "DIV"
console.log(node.nodeType); // Menghasilkan "1"

Elements dalam JavaScript

Element merupakan jenis node yang mewakili elemen HTML seperti p, div, span, dan lainnya. Element memungkinkan kamu untuk melakukan berbagai aksi terhadap sebuah elemen HTML, seperti memodifikasi atribut atau memanipulasi child nodes.

Berikut beberapa contoh cara mengakses elemen HTML menggunakan JavaScript:

Menggunakan Id Element

const elemen = document.getElementById("contoh");

Menggunakan Nama Class

const elemen = document.getElementsByClassName("contoh");

Menggunakan Nama Tag

const elemen = document.getElementsByTagName("p");

Setelah kamu mendapatkan elemen tersebut, kamu bisa memanipulasi mereka:

elemen.textContent = "Ini adalah contoh text baru"; // Mengganti teks elemen
elemen.style.color = "red"; // Mengganti style elemen

Nodes dan Elements di JavaScript saling berhubungan dan saling melengkapi. Jadi, untuk menjadi programmer JavaScript yang handal, kamu perlu memahami baik Nodes dan Elements.