tutorial pengembangan web terbaru
 

HTML DOM createElement() Method

<Document Object

Contoh

Buat <button> elemen:

var btn = document.createElement("BUTTON");

Hasilnya akan:

Cobalah sendiri "

elemen HTML sering berisi teks. Untuk membuat tombol dengan teks Anda juga harus membuat Node Teks yang Anda tambahkan ke <button> elemen:

Contoh

Buat tombol dengan teks:

var btn = document.createElement("BUTTON");        // Create a <button> element
var t = document.createTextNode("CLICK ME");       // Create a text node
btn.appendChild(t);                                // Append the text to <button>
document.body.appendChild(btn);                    // Append <button> to <body>

Hasilnya akan:

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The createElement() metode menciptakan Element Node dengan nama tertentu.

Tip: Gunakan createTextNode() metode untuk membuat node teks.

Tip: Setelah elemen dibuat, menggunakan elemen. appendChild() atau elemen. insertBefore() metode untuk memasukkannya ke dokumen.


Dukungan Browser

metode
createElement() iya nih iya nih iya nih iya nih iya nih

Sintaksis

document.createElement( nodename )

Nilai parameter

Parameter Mengetik Deskripsi
nodename String Wajib. Nama elemen yang Anda ingin membuat

Rincian teknis

Kembali Nilai: Sebuah objek Elemen, yang mewakili Element node dibuat
DOM Versi: Inti Level 1 Document Object

contoh

Contoh lebih

Contoh

Buat <p> elemen dengan beberapa teks, dan menambahkan ke dokumen:

var para = document.createElement("P");                       // Create a <p> element
var t = document.createTextNode("This is a paragraph");       // Create a text node
para.appendChild(t);                                          // Append the text to <p>
document.body.appendChild(para);                              // Append <p> to <body>
Cobalah sendiri "

Contoh

Buat <p> elemen dan menambahkan itu ke <div> elemen:

var para = document.createElement("P");                       // Create a <p> element
var t = document.createTextNode("This is a paragraph.");      // Create a text node
para.appendChild(t);                                          // Append the text to <p>
document.getElementById("myDIV").appendChild(para);           // Append <p> to <div> with id="myDIV"
Cobalah sendiri "

<Document Object