Method getAttribute ~ Pemrograman dan Teknologi

Setelah mempelajari bahasa markup seperti XML dan HTML, kita seharusnya sudah mengetahui apa yang disebut dengan tag dan attribut. Dalam HTML maupun XML, atribut adalah bagian dari tag yang mempunyai nilai, walaupun ada juga atribut yang bisa ditulis tanpa nilai. Untuk mendapatkan nilai tersebut, dalam javascript kita bisa menggunakan properti-properti yang mewakili masing-masing atribut HTML karena atribut dalam HTML memang terbatas dan punya kegunaan khusus.

Tapi, untuk XML, kita tidak bisa mendapatkan nilai atribut lewat properti karena atribut dalam XML namanya bebas dan tidak punya kegunaan khusus selain untuk menyimpan nilai berupa string. Untuk mendapatkan nilai dari atribut dalam XML, kita bisa menggunakan method getAttribute(). Selain digunakan dalam XML, getAttribute juga bisa digunakan untuk mendapatkan nilai atribut tag HTML.

Mungkin untuk lebih jelasnya saya perlu langsung memberikan contoh script yang sudah diletakkan dalam kode HTML.

<HTML>
<HEAD>
    <title>Belajar HTML</title>
</HEAD>
<BODY>
    <Button id="tombol" onclick="Cek_XML()" custom="Contoh nilai custom Atribut">Lihat XML</Button><BR />
    <div id="hasil"></div>
    <script>
        //HTML
        var elemen=document.getElementById("tombol");
        var s=elemen.getAttribute("custom");
        alert(s);
    
        //XML
        function Cek_XML(){
            var cnode;
            var teks="<Makanan>"+
            "<A warna='merah'>Apel</A>"+
            "<B>Stroberi</B>"+
            "<A>Kubis</A>"+
            "<B>Bayam</B>"+
            "</Makanan>";
            var parser = new DOMParser();
            var s="<b>Elemen XML pertama : </b>";
            xmlku=parser.parseFromString(teks, "text/xml");
            var hasil=xmlku.getElementsByTagName("Makanan")[0];
            cnode=hasil.children[0];
            s+="<br />Nama tag : "+cnode.nodeName;
            s+="<br />Atribut (Warna): "+cnode.getAttribute("warna");
            s+="<br />Nilai : "+cnode.childNodes[0].nodeValue;
            document.getElementById("hasil").innerHTML=s;
        }
    </script>
</BODY> 
</HTML>

Pada contoh di atas, saya sudah mencontohkan penggunaan getAttribute() yang ada di dalam elemen HTML maupun XML. Cara penggunaan getAttribute() untuk HTML dan XML hampir sama. Kita perlu mendapatkan objek yang mewakili elemen yang ingin kita ambil atributnya dengan getElemensByTagNama(), GetElemenById(), dll. Setelah objek didapatkan, kita cukup menggunakan method getAttribute pada objek yang kita inginkan.