Metode HTML DOM Document createElement()

Definisi dan penggunaan

createElement() Metode ini menciptakan node elemen.

Lihat pula:

Metode Element appendChild()

Metode Element insertBefore()

Contoh

Contoh 1

Buat elemen <p> dan tanggalkannya ke dokumen:

const para = document.createElement("p");
para.innerText = "Ini adalah paragraf";
document.body.appendChild(para);

Coba sendiri

Contoh 2

Buat elemen <p> dan tanggalkannya ke elemen:

const para = document.createElement("p");
para.innerHTML = "Ini adalah paragraf.";
document.getElementById("myDIV").appendChild(para);

Coba sendiri

Contoh 3

Buat tombol:

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

Coba sendiri

Sintaks

document.createElement(tagName)

Parameter

Parameter Deskripsi
tagName

Diperlukan. Nama tag elemen yang akan dibuat.

Nama tag HTML dapat digunakan dengan ukuran huruf apapun.

Nama tag XML perlu membedakan huruf besar dan kecil.

Hasil kembalian

Tipe Deskripsi
Node Node elemen yang baru dibuat memiliki nama tag yang ditentukan.

melempar

Jika tagName mengandung karakter yang ilegal, metode ini akan melempar kode INVALID_CHARACTER_ERR DOMException eksepsi.

Dukungan peramban

document.createElement() Adalah fitur DOM Level 1 (1998).

Semua peramban mendukungnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukung 9-11 Dukung Dukung Dukung Dukung