Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<title>20120430dom-Operationsattribut node.htm</title>
<meta http-equiv="Content-Type" content="text/html; chareset=utf-8"/>
<script type="text/javascript">
//Obwohl Attr (Attribut) ein Knoten ist, kann mit firstChild und childNodes nicht darauf zugegriffen werden.
Funktion testBtn() {
// var myNode = document.getElementById("btn");//Element-Tag abrufen
// var myNodeName = myNode.nodeName; // Den Namen des obigen Labels als Schaltfläche abrufen
// var x = myNode.attributes["onclick"].nodeType; //atrributes ist ein Attributarray. Die Bedeutung dieses Satzes besteht darin, den nodeType=2 mit der Bezeichnung „btn“ als Attribut zu finden.
// if (x == 2) {
// alarm("Sie greifen auf einen Attributknoten zu!");
// }
//Das Folgende ist der Code zum Ändern der Attribute eines Knotens=================================== ==== =========================
//============================================= ==========================================
var myNode = document.getElementById("btn");//Element-Tag abrufen
var x = myNode.getAttribute("id");//Holen Sie sich das ID-Attribut des Labels
myNode.setAttribute("value", "test");//Ändern Sie das ID-Attribut des Etiketts
var y = myNode.getAttribute("value");
alarm("Das Attribut von id hat sich von "" + x + "" in "" + y + """ geändert);
//Das Folgende ist das Hinzufügen von Attributen zu einem Element====================================== === ===========================
//============================================= ==========================================
var myAtrr = document.createAttribute("class");
myAtrr.nodeValue = "classStyle";
myNode.setAttribute(myAtrr);
// Der Unterschied zwischen getAttributeNode und getAttribute besteht darin, den Attributwert zu erhalten - getAttribute()
Die Methode //getAttribute("") gibt den Wert des Attributs zurück.
//Attributwert abrufen - getAttributeNode()
Die Methode //getAttributeNode("") gibt den Attributknoten zurück, getAttributeNode('').value ruft den Knotenwert ab.
//Die Ergebnisse verschiedener Browser sind unterschiedlich. Ich werde hier keine eingehendere Recherche durchführen ====== ==============
if (myNode.getAttributeNode("class") != null)
alarm("Erfolgreich hinzugefügt!!");
anders
Alert("Nicht erfolgreich hinzugefügt");
//Das Folgende ist der Wert des entfernten Attributs===================================== === ===============================
//============================================= =========================================
// myNode.removeAttribute("class");
// if (myNode.getAttribute("class") == null)
// alarm("Erfolgreich gelöscht!!");
//anders
// alarm("Kein Erfolg");
var delNode=myNode.getAttributeNode("class");
if (myNode.getAttribute("class") == null)
Alert("Löschen erfolgreich!!");
anders
alarm("Kein Erfolg");
}
</script>
</head>
<Körper>
<h1>Kapitel 2 Über Dom</h1>
<p id="p1">Dom-Einführung</p>
<p>So verwenden Sie <a href="#" name="link">dom</a></p>
<input id="btn" type="button" onclick="testBtn()" value="Test"/>
</body>
</html>
Beachten Sie den Unterschied zwischen Parametermethoden mit Node und ohne Node.