Thursday, August 23, 2012

getElementById()

Metode Document.getElementById() (Core Level 2) mendapatkan elemen berdasarkan ID yang ditetapkan.

Sintaks:

document.getElementById(elementID)

Parameter elementID adalah DOMString yang berisi nilai ID dari suatu elemen yang ingin didapatkan.

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

Metode Document.getElementById() mengembalikan null jika tidak ada elemen yang sesuai ID yang ditetapkan, undefined juga dikembalikan jika lebih dari satu elemen di dalam dokumen mempunyai nilai atribut ID yang sama.

Contoh IMG:

<IMG ID="myimg" SRC="image.gif" WIDTH="500" HEIGHT="500">

Untuk mengakses IMG di atas berdasar ID adalah seperti berikut:

document.getElementById("myimg");

Contoh di bawah ini memanipulasi atribut HEIGHT dari IMG:

<IMG ID="myimg" SRC="image.gif" WIDTH="500" HEIGHT="500" BORDER="1"> <SCRIPT TYPE="text/javascript"> function foo() { var imgElem = document.getElementById("myimg"); var AttrNode = imgElem.getAttributeNode("height").value = "0"; imgElem.removeAttributeNode(AttrNode); } </SCRIPT> <BUTTON ONCLICK="foo()">0-kan HEIGHT elemen IMG!</BUTTON>