Maison > interface Web > js tutoriel > Une brève discussion sur les méthodes DOM dans les compétences javascript_javascript

Une brève discussion sur les méthodes DOM dans les compétences javascript_javascript

WBOY
Libérer: 2016-05-16 15:50:03
original
1195 Les gens l'ont consulté

1 : Trois façons d'obtenir des objets

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

2) element.getElementByTagName(tag); Obtenir par nom de balise

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

2 : Définir et obtenir des méthodes d'attributs.

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 propriétés des nœuds

1) attribut childNodes : renvoie un tableau.

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

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

2) attribut nodeType : Il y a 12 valeurs possibles au total mais seulement 3 d'entre elles ont de la valeur

.

nodeType=1 du nœud de l'élément

 Nœud d'attribut nodeType=2

Nœud de texte nodeType=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";

Cela change le contenu du nœud p

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

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal