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 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 "