Contoh penjelasan pengoperasian Attr (atribut di dom) di javascript

Penulis：Eve Cole Waktu Pembaruan：2025-02-14 23:24:02

Copy kode kodenya sebagai berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Atribut operasi dom 20120430 node.htm</title>

//Meskipun Attr (atribut) adalah sebuah node, ia tidak dapat diakses menggunakan firstChild dan childNodes.

fungsi tesBtn() {

// var myNode = document.getElementById("btn");//Dapatkan tag elemen

// var myNodeName = myNode.nodeName; // Dapatkan nama label di atas sebagai tombolnya

// var x = myNode.attributes["onclick"].nodeType; //atrributes adalah array atribut. Arti dari kalimat ini adalah mencari nodeType=2 dengan label 'btn' sebagai atributnya.

// jika (x == 2) {

// alert("Anda sedang mengakses node atribut!");

// }

//Berikut ini adalah kode untuk mengubah atribut sebuah node======= ==== ==========

//------------------------------------------------ ==============

var myNode = document.getElementById("btn");//Dapatkan tag elemen

var x = myNode.getAttribute("id");//Dapatkan atribut id dari label

myNode.setAttribute("value", "test");//Ubah atribut id pada label

var y = myNode.getAttribute("nilai");

alert("Atribut id telah berubah dari "" + x + "" menjadi "" + y + """);

//Berikut ini adalah menambahkan atribut ke suatu elemen========== === =============

//------------------------------------------------ ==============

var myAtrr = dokumen.createAttribute("kelas");

myAtrr.nodeValue = "gaya kelas";

myNode.setAttribute(myAtrr);

//Perbedaan antara getAttributeNode dan getAttribute adalah pada perolehan nilai atribut - getAttribute()

//metode getAttribute("") mengembalikan nilai atribut.

//Dapatkan nilai atribut - getAttributeNode()

//metode getAttributeNode("") mengembalikan simpul atribut, getAttributeNode('').value mendapatkan nilai simpul.

//Hasil tiap browser berbeda beda. Saya tidak akan melakukan riset mendalam disini.=============== ====== ==============

jika (Node saya.getAttributeNode("kelas") != null)

alert("Berhasil ditambahkan!!");

kalau tidak

alert("Tidak berhasil ditambahkan");

//Berikut ini adalah nilai atribut yang dihapus========== === ===

//------------------------------------------------ ==============

// myNode.removeAttribute("kelas");

// if (Node Saya.getAttribute("kelas") == null)

// alert("Berhasil dihapus!!");

//kalau tidak

// alert("Tidak berhasil");

var delNode=Nodesaya.getAttributeNode("kelas");

if (Node saya.getAttribute("kelas") == null)

alert("Penghapusan berhasil!!");

kalau tidak

alert("Tidak berhasil");

}

</skrip>

</kepala>

<tubuh>

<h1>Bab 2 Tentang dom</h1>

<p id="p1">pengenalan dom</p>

<p>Cara menggunakan <a href="#" name="link">dom</a></p>

</tubuh>

</html>

Perhatikan perbedaan metode parameter dengan Node dan tanpa Node.