Qu'est-ce que le nœud javascript

Les nœuds Javascript font référence à tout le contenu de la page, y compris les balises, les attributs et le texte. Les méthodes pour obtenir les nœuds d'éléments JavaScript sont : 1. la méthode getElementById() ;

L'environnement d'exploitation de cet article : système Windows 7, javascript version 1.8.5, ordinateur DELL G3

Les nœuds dans JavaScript est tout dans la page Le contenu (étiquette, attribut, texte (texte, saut de ligne, espace, retour chariot)), Node.

Nos étiquettes de nœuds couramment utilisées :

• Nœud d'élément (étiquette)

• Nœud de texte

• nœud d'attribut (attribut dans l'étiquette)

acquisition de nœud

élément Il y a de nombreuses façons d'obtenir des nœuds

• Document.getElementById()

• Document.getElementsByClassName()

• Document.getElementsByTagName()

• Document.querySelector()

• Document.querySelectorAll()

Obtenir les nœuds d'attribut

• Element.attributes Obtenez l'ensemble de tous les attributs de l'élément

• Element.setAttribute("Nom de l'attribut", "Valeur d'attribut") Définir les attributs et les valeurs d'attribut sur les éléments

• Element.getAttribute ("Nom de l'attribut") Méthode pour obtenir les valeurs d'attribut

• Element.removerAttribute("Attribute") supprime l'attribut

Le nœud de texte

n'a aucune méthode pour l'obtenir, ce qui n'a aucun sens

obtient l'enfant de l'élément Node

element.childNodes Cet attribut est compatible. Les navigateurs standard obtiendront des nœuds de texte, mais pas les navigateurs de version inférieure. Par conséquent, il est recommandé d’utiliser l’attribut children pour obtenir un seul nœud enfant.

Obtenir le premier nœud enfant :

标准下 　　元素.firstElementChild
非标准下　  元素.firstChild

Écriture compatible

var list=document.getElementById("list")
var fist=listElementChild||list.fistChild
console.log(fist)

Obtenir le dernier nœud enfant

Element.lastElementChild Element.lastChild

Obtenez le nœud frère suivant

element.previousSibling > Obtenez le nœud parent

element.parentNode n'a pas de compatibilité

element.parentNode.parentNode

Distinguer offsetparent et parentNode

DOM2 Créer un nœud

1. Méthode pour générer un document de nœud. createElement("div")

2. Méthode d'insertion de nœuds

Noeud parent.appendChild (nouveau nœud)

Insérer un nouveau nœud après le nœud enfant du nœud parent

3. Insérer un nouveau nœud à la position spécifiée

(1) Parent element.insetBefore (nouveau nœud, devant qui) Insérer le nouveau nœud devant l'élément spécifié

4. Supprimer le nœud d'élément parent element.removerChild()

[Apprentissage recommandé :

Tutoriel de base 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!