Menambah, Menghapus, dan Mengedit Element

Berikut ini adalah contoh cara menambah, menghapus, dan mengedit elemen dalam DOM menggunakan JavaScript:

Menambah Elemen:

// Membuat elemen baru
let newParagraph = document.createElement("p");
let newText = document.createTextNode("Ini adalah paragraf baru");

// Menambahkan teks ke dalam elemen paragraf baru
newParagraph.appendChild(newText);

// Menambahkan elemen paragraf baru ke dalam body dokumen
document.body.appendChild(newParagraph);

Menghapus Elemen:

// Mengambil elemen yang akan dihapus
let elementToRemove = document.getElementById("elementId");

// Menghapus elemen
elementToRemove.remove();

Mengedit Elemen:

// Mengambil elemen yang akan diedit
let elementToEdit = document.getElementById("elementId");

// Mengubah teks dalam elemen
elementToEdit.innerText = "Teks yang baru";

Pastikan Anda mengganti "elementId" dengan ID yang sesuai untuk elemen yang ingin Anda akses atau ubah. Dengan menggunakan metode ini, Anda dapat dengan mudah menambahkan, menghapus, dan mengedit elemen dalam DOM menggunakan JavaScript.