Une brève analyse de quelques méthodes courantes d'exploitation du DOM par JS

getElementById() : obtient les éléments du document avec la valeur d'attribut d'ID unique spécifiée.

getElementsByName(name) : renvoie un tableau

getElementsByTagName() : renvoie l'élément avec la valeur spécifiée. tag name Collection d'éléments enfants

getAttribute() : renvoie la valeur d'attribut du nom d'attribut spécifié

document.getElementsByTagName("a")[0].getAttribute("target");

setAttribute() : ajoute l'attribut spécifié et attribue c'est la valeur spécifiée.

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

Attributs du nœud :

Nom du nœud (lecture seule) : nodeName

Valeur du nœud : nodeValue

Node type (Lecture seule):nodeType

Nœuds enfants:

ele.childNodes Tableau de retour

firstChild

lastChild

Nœud parent

parentNode n'a qu'un seul

nœud frère

nextSibling Le nœud qui suit immédiatement un nœud

previousSibling

Insérer un nœud

appendChild() Insérer à la fin

insertBefore(newnode,node) avant le nœud node

Delete node

removeChild(node) Renvoie le nœud supprimé avec succès et renvoie null

Remplacer le nœud d'élément

replaceChild(newnode,oldnode) Implémenter le remplacement des objets de nœud enfant

Créer un nœud d'élément

createElement()

Créer un nœud de texte

createTextNode()

Copier le nœud

Le nœud qui doit être copié.cloneNode(true/false)

vraies copies le nœud actuel extrêmement donc Noeud enfant, false ne copie que le nœud actuel

L'article ci-dessus analyse brièvement certaines méthodes courantes de fonctionnement du DOM JS, qui est tout le contenu partagé par l'éditeur, j'espère qu'il pourra vous donner un aperçu. référence, et j'espère également que tout le monde soutiendra le site Web chinois.

Pour plus d'articles analysant brièvement certaines méthodes courantes d'exploitation du DOM par JS, veuillez faire attention au site Web PHP chinois !