Exemple d'explication du fonctionnement de Attr (attribut dans dom) en javascript

Auteur：Eve Cole Date de mise à jour：2025-02-14 23:24:02

Copiez le code comme suit :

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

<tête>

<title>20120430attribut d'opération dom node.htm</title>

// Bien que Attr (attribut) soit un nœud, il n'est pas accessible à l'aide de firstChild et childNodes.

fonction testBtn() {

// var myNode = document.getElementById("btn");//Obtenir la balise de l'élément

// var myNodeName = myNode.nodeName; // Récupère le nom de l'étiquette ci-dessus comme bouton

// var x = myNode.attributes["onclick"].nodeType; //atrributes est un tableau d'attributs La signification de cette phrase est de trouver le nodeType=2 avec l'étiquette 'btn' comme attribut.

// si (x == 2) {

// alert("Vous accédez à un nœud d'attribut !");

// }

//Ce qui suit est le code pour modifier les attributs d'un nœud===================================== ==== =========================

//================================================= =============================================

var myNode = document.getElementById("btn");//Obtenir la balise d'élément

var x = myNode.getAttribute("id");//Obtenir l'attribut id de l'étiquette

myNode.setAttribute("value", "test");//Modifier l'attribut id du label

var y = monNode.getAttribute("valeur");

alert("L'attribut de id est passé de "" + x + "" à "" + y + """);

// Ce qui suit consiste à ajouter des attributs à un élément ======================================== === =============================

//================================================= =============================================

var monAtrr = document.createAttribute("class");

monAtrr.nodeValue = "classStyle" ;

monNode.setAttribute(monAtrr);

//La différence entre getAttributeNode et getAttribute est d'obtenir la valeur de l'attribut - getAttribute()

La méthode //getAttribute("") renvoie la valeur de l'attribut.

//Obtenir la valeur de l'attribut - getAttributeNode()

// La méthode getAttributeNode("") renvoie le nœud d'attribut, getAttributeNode('').value obtient la valeur du nœud.

//Les résultats des différents navigateurs sont différents. Je ne ferai pas de recherche approfondie ici.============================= ====== ==============

if (myNode.getAttributeNode("class") != null)

alert("Ajouté avec succès !!");

autre

alert("Non ajouté avec succès");

//Ce qui suit est la valeur de l'attribut supprimé======================================== === =================================

//================================================= ============================================

// monNode.removeAttribute("class");

// si (myNode.getAttribute("class") == null)

// alert("Suppression réussie !!");

//autre

// alerte("Aucun succès");

var delNode=myNode.getAttributeNode("class");

if (myNode.getAttribute("class") == null)

alert("Suppression réussie !!");

autre

alert("Aucun succès");

}

</script>

</tête>

<corps>

<h1>Chapitre 2 À propos de dom</h1>

<p id="p1">introduction au domaine</p>

<p>Comment utiliser <a href="#" name="link">dom</a></p>

</corps>

</html>

Faites attention à la différence entre les méthodes de paramètres avec Node et sans Node.