Quels sont les attributs des nœuds DOM ?

Hiérarchie structurelle (forme d'arbre)

(1) La racine est EventTarget, qui est héritée par Node, et d'autres nœuds DOM en héritent.

(2) EventTarget est la classe racine "abstraite", et les objets de cette classe ne seront jamais créés, car c'est la base de tous les nœuds, donc tous les nœuds DOM prennent en charge

(3 ) Node est également une classe « abstraite » utilisée comme base pour les nœuds DOM. Son noyau est parentNode, nextSibling, childNodes, etc. De même, Node ne créera pas d'objets de classe, mais certaines classes en hériteront de nœuds spécifiques, tels que Text pour les nœuds de texte et Element pour les nœuds d'élément

(4) L'élément est la base des éléments DOM. Il fournit des méthodes telles que getElementsByTagName, querySelector et d'autres méthodes

l'attribut nodeType

représente le type du nœud et. renvoie uniquement tous les éléments de ce div. Le nœud d'élément

appelle nodeType et renvoie un nœud d'élément numérique

(fait généralement référence à une paire d'éléments avec des balises ouvertes et fermées) - 1

nœud d'attribut (attributs sur le nœud de l'élément) —— 2

nœud de texte (la partie du DOM utilisée pour restituer le texte) —— 3

nœud de commentaire (le nœud du commentaire partie) —— 8

document — — 9

DocumentFragment — 11

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
var div=document.getElementsByTagName("div")[0];
</script>

attribut nodeName

Étant donné un nœud DOM, nous pouvons lire son nom de balise à partir de l'attribut nodeName ou tagName

Remarque : l'attribut tagName s'applique uniquement au nœud Element, et le nœud nodeName est relatif à n'importe quel nœud DOM. Noeud Node défini.

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
	var div=document.getElementsByTagName("div")[0];
</script>

Attribut nodeValue

Nœud de texte texte ou contenu texte du nœud Commentaire, lisible et inscriptible

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
var div=document.getElementsByTagName("div")[0];
</script>

Résumé : ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde d'apprendre les attributs du DOM.

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!