Une brève discussion sur les méthodes DOM en javascript

1 : Trois façons d'obtenir un objet

1) document.getElementById(id); Obtenez-le via l'identifiant de l'attribut de l'objet

2) element.getElementByTagName(tag);

　3) element.getElementByClassName(class); Obtenez-le via le nom de la classe d'attribut;

2 : Les méthodes set et get de l'attribut.

　1) object.getAttribute(attribute); Récupère l'attribut de l'élément ===>>>HTMLDOM: object.attribute;

　2) object.setAttribute(attribute, value); Définissez l'attribut de l'élément.= ===>>>HTMLDOM:object.attribute=value;

3 : Quelques attributs sur les nœuds

　1) attribut childNodes : renvoie un array.

Element.childNodes[0] est équivalent à element.firstChild

Element.childNodes[element.childNodes.length] est équivalent à element.lastChild

2) Attribut nodeType : Il y a 12 possibilités au total La valeur de Mais seulement 3 d'entre elles ont une valeur d'usage

　Le nodeType de l'élément node=1

　Le nodeType=2 de l'attribut node

　Le nodeType du texte node=3

　3) Attribut nodeValue : La fonction principale est de modifier le contenu du texte dans l'élément. La fonction est similaire à object.innerHTML

　Par exemple :

Ceci est un nœud de texte

　var p=document.getElementById("p");

p.childNodes [0].nodeValue="Modifier le contenu du nœud de texte";

　De cette façon, cela modifie le contenu du nœud p

Cela peut également être implémenté comme ceci : p.innerHTML ; ="Modifier le contenu du nœud de texte";

Ce qui précède est l'intégralité du contenu de cet article, j'espère que vous pourrez tous l'aimer.

Pour plus d'articles liés à la méthode DOM en JavaScript, veuillez faire attention au site Web PHP chinois !