Friday, August 17, 2012

hasAttribute()

Metode Element.hasAttribute() (Core Level 2) mengembalikan boolean:

  • true dikembalikan jika benar elemen mempunyai atribut yang ditetapkan di dalam parameter, false sebaliknya.

Sintaks:

Element.hasAttribute(name)

Parameter name adalah DOMString yang berisi nama atribut yang ingin diperiksa.

Metode Element.hasAttribute() di dukung oleh mayoritas browser: IE9, Opera, Firefox, Google Chrome, dan Safari.

Contoh di bawah ini mencoba mengetahui apakah atribut STYLE ada di dalam elemen P:

<P STYLE="color: blue;"></P> <SCRIPT TYPE="text/javascript"> var pElem = document.getElementsByTagName("p")[0]; alert(pElem.hasAttribute("style")); //true alert(pElem.hasAttribute("id")); //false </SCRIPT>

Contoh di bawah ini jika memang benar elemen P memiliki atribut STYLE di dalamnya, modifikasi STYLE:

<P STYLE="color: blue;">Lorem imsum...</P> <SCRIPT TYPE="text/javascript"> var pElem = document.getElementsByTagName("p")[0]; if (pElem.hasAttribute("style") === true){ pElem.setAttribute("style", "font-size: 50px; color: green;"); } </SCRIPT>