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>