Metode createElement() DOM HTML

Definisi dan penggunaan

createElement() Metode membuat node elemen.

Lihat pula:

Metode Element appendChild()

Metode Element insertBefore()

Contoh

Contoh 1

Buat elemen <p> dan tangkapnya ke dokumen:

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

Coba sendiri

Contoh 2

Buat elemen <p> dan tangkapnya ke elemen lain:

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

Syarat

document.createElement(tagName)

Parameter

Parameter Keterangan
tagName

Diperlukan. Nama tag elemen yang akan dibuat.

Nama tag HTML dapat diizinkan apapun huruf besar dan kecil.

Nama tag XML perlu membedakan huruf besar dan kecil.

Nilai kembalian

Jenis Keterangan
Node Node elemen yang baru dibuat memiliki nama tag yang ditentukan.

melemparkan

Jika tagName mengandung karakter yang tidak sah, metode ini akan melemparkan kode INVALID_CHARACTER_ERR DOMException kecualian.

Dukungan pemeriksaan

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

Semua pemeriksaan mengizinkan ia:

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