Qu'est-ce que le nœud javascript-js tutoriel-php.cn

Qu'est-ce que le nœud javascript

藏色散人

Libérer： 2023-01-03 09:31:59

original

5367 Les gens l'ont consulté

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

Copier après la connexion

Écriture compatible

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

Copier après la connexion

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!