Friday, August 17, 2012

setAttributeNS()

Metode Element.setAttributeNS() (Core Level 2) menetapkan atribut baru untuk elemen ini dengan namespaceURI, localName, dan nilai atribut yang ditetapkan.

Sintaks:

Element.setAttributeNS(namespaceURI, qualifiedName, value)
  • Parameter namespaceURI adalah DOMString yang berisi namespaceURI dari atribut yang ingin ditetapkan, jika tidak menetapkan nilai untuk parameter ini, berikan nilai null.
  • Parameter qualifiedName adalah nama atribut yang ingin ditetapkan.
  • Parameter value adalah nilai untuk parameter qualifiedName.

Metode Element.setAttributeNS() di dukung oleh mayoritas browser: Opera, Firefox, Google Chrome, dan Safari - kecuali IE.

Jika atribut yang ditetapkan sudah ada di dalam elemen, hanya nilainya saja yang diganti.

Contoh dibawah menambahkan atribut GENDER dan nilainya di tag awal elemen DATA:

<SCRIPT TYPE="text/javascript"> var txt='<m:DATA xmlns:m="http://example.com/male/">'; txt=txt+'<m:NAME>Gunawan</m:NAME>'; txt=txt+'<m:AGE>31</m:AGE>'; txt=txt+'</m:DATA>'; //Parser for IE if(window.ActiveXObject){ var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = "false"; xmlDoc.loadXML(txt); } //Parser for non-IE else{ var parser = new DOMParser(); var xmlDoc = parser.parseFromString(txt,"text/xml"); } var dataElem = xmlDoc.getElementsByTagNameNS("http://example.com/male/","DATA")[0]; function foo1(){ alert(dataElem.hasAttributeNS("http://example.com/male/","GENDER")); } function foo2(){ dataElem.setAttributeNS("http://example.com/male/","GENDER", "male"); } </SCRIPT> <BUTTON ONCLICK="foo1()">Apakah elemen DATA mempunyai atribut GENDER?</BUTTON> <BUTTON ONCLICK="foo2()">Tambahkan atribut GENDER untuk elemen DATA.</BUTTON>