Thursday, August 2, 2012

setNamedItem()

Metode NamedNodeMap.setNamedItem() (Core Level 1) menetapkan node baru ke dalam NamedNodeMap.

Sintaks:

NamedNodeMap.setNamedItem(arg)

Parameter arg adalah node yang ingin ditambahkan/menggantikan node di dalam NamedNodeMap.

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

Contoh di bawah ini ketika teks di dalam elemen P diklik, elemen P itu akan mempunyai atribut CLASS dengan nilai 'myClass', di mana 'myClass' itu dihubungkan dengan Class selector:

<SCRIPT TYPE="text/javascript"> function foo() { var pElem = document.getElementsByTagName("p")[0]; var newAttr = document.createAttribute("class"); newAttr.nodeValue = "myClass"; pElem.attributes.setNamedItem(newAttr); } </SCRIPT> <P ONCLICK="foo()">Klik disini untuk mengganti warna teks.</P>

Misalnya CLASS yang dihubungkan adalah seperti di bawah ini:

.myClass { color: red; }

Contoh di bawah ini elemen P langsung ditambahkan atribut STYLE dengan nilainya:

<P>Lorem imsum...</P> <SCRIPT TYPE="text/javascript"> var pElem = document.getElementsByTagName("p")[0]; var newAttr = document.createAttribute("style"); newAttr.nodeValue = "color: red; font-size: 49px;"; pElem.attributes.setNamedItem(newAttr); </SCRIPT>