js --- nœud DOM

Le contenu de cet article est le nœud DOM en js. Je le partagerai avec vous ici, et vous pouvez également vous référer à des amis dans le besoin

1 Obtenez des éléments :

1. .getElementsByTagName ()----Tous les navigateurs ont cette méthode, il n'y a pas de problème de compatibilité

2.getElementById()---En dessous d'IE8.0, l'identifiant n'est pas sensible à la casse, ce qui signifie qu'il est non compatible. Problèmes sexuels

3.getElementsByClassName()---Cette méthode n'est pas disponible sous IE9.0 et il existe des problèmes de compatibilité.

4.getElementsByName()---attribut de nom, attribut de nom d'entrée, toutes les balises ne sont pas valides

5.querySelector('selector')---IE8.0 ou inférieur Incompatible, la copie sélectionnée est une copie Lorsque vous modifiez le DOM en HTML, la copie précédemment sélectionnée ne changera pas en conséquence.

2. Parcourez

Parcourez l'arborescence des nœuds : parentNode/childNodes/firstChild/lastChild/nextSibling/PreviousSibling---L'arborescence des nœuds comprend des nœuds de texte, des nœuds de commentaires et des nœuds vides

Parcourez l'arborescence des éléments : à l'exception des enfants, tous les autres IE9 et versions inférieures ont des problèmes de compatibilité

parentElement---le parent le plus élevé du HTML

enfants---aucun problème de compatibilité, renvoie uniquement le nœud enfant de l'élément actuel

node.childElementCount===node.children.length Le nombre d'éléments enfants du nœud actuel

firstElementChild---renvoie le premier élément node (IE n'est pas compatible)

nextElementSibling/previousElementSibling

Type de nœud : appeler le nœud nodeType

Element node---1 Attribute node---2 ; Nœud de texte- --3; Nœud d'annotation---8; document---9; DocumentFragment---11

Chaîne de prototypes : document--->HTMLDocument.prototype--->Document. p rototype

Recommandations associées :

Comment faire fonctionner les éléments DOM en js

Explication détaillée du flux d'événements DOM en js

Comment faire fonctionner le DOM en JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!