Méthodes avancées JavaScript DOM_Connaissances de base

Il existe de nombreux types de DOM lui-même, qui ont été introduits dans le chapitre précédent, tels que le type Element : qui représente les nœuds d'élément ; et le type Text, qui représente les nœuds de texte ;

Un type DOM

Tapez le nom Description

Node représente une interface unifiée pour tous les types de valeurs, qui n'est pas prise en charge par IE
 ; Le document représente le type de document ;
L'élément représente le type de nœud d'élément ;
Le texte représente le type de nœud de texte ;
Commentaire​​​​​​Représente le type de commentaire dans le document ;
CDATASection représente le type de zone CDATA ;
DocumentType représente le type de déclaration du document ;
DocumentFragment représente le type de fragment de document ;
Attr représente le type de nœud d'attribut ;

1.Type de nœud

Le niveau 1 du DOM définit une interface Node, qui sera implémentée par tous les types de nœuds dans le DOM

; Cette interface Node est implémentée en tant que type Node en JavaScript ;
À l'exception d'IE, ce type est accessible dans tous les autres navigateurs ;

2.Type de document

//Le type Document représente le document, ou le nœud racine du document, et ce nœud est masqué et n'a pas de balise d'élément spécifique ;

document; //document;
document.nodeType; // 9;Type de valeur;
document.childNodes[0]; // DocumentType ; premier objet nœud enfant ;
document.childNodes[1]; // HTMLHtmlElement ;

// Si vous souhaitez obtenir directement l'objet nœud d'élément HTMLHtmlElement de la balise , vous pouvez utiliser directement documentElement

; document.documentElement; // HTMLHtmlElement;

// Plusieurs fois, vous devez obtenir la balise . La balise couramment utilisée auparavant était : document.getElementsByTagName('body')[0];

. document.body; // HTMLBodyElement;

// Il y a une déclaration de document avant  : sera traité comme le premier nœud du navigateur

document.doctype; // DocumentType;

// Il existe certaines propriétés et collections d'objets héritées dans Document, qui peuvent nous aider rapidement à gérer les tâches avec précision

 ; // Attributs
document.title; // Récupère et définit la valeur de la balise