Thursday, August 23, 2012

createElement()

Metode Document.createElement() (Core Level 1) membuat elemen baru berdasarkan tagName yang ditetapkan.

Sintaks:

document.createElement(tagName)

Parameter tagName adalah DOMString yang berisi nama tag dari elemen yang ingin dibuat.

Metode Document.createElement() di dukung oleh mayoritas browser: IE, Opera, Firefox, Google Chrome, dan Safari.

Elemen yang sudah dibuat bisa ditambahkan ke dalam dokumen via Node.appendChild() atau Node.insertBefore().

Contoh di bawah ini membuat elemen DIV kemudian menambahkannya ke dalam BODY via Node.appendChild():

<SCRIPT TYPE="text/javascript"> function foo() { var newElem = document.createElement("div"); newElem.style.background = "red"; newElem.style.width = "200px"; newElem.style.height = "100px"; newElem.style.margin = "0 auto"; document.body.appendChild(newElem); } </SCRIPT> <BUTTON ONCLICK="foo()">Buat DIV!</BUTTON>