Maison  >  Article  >  interface Web  >  Quelles sont les méthodes couramment utilisées du DOM en JavaScript ?

Quelles sont les méthodes couramment utilisées du DOM en JavaScript ?

青灯夜游
青灯夜游original
2021-07-16 17:23:562182parcourir

Méthodes couramment utilisées : appendChild(), insertBefore(), hasChildNodes(), removeChild(), replaceChild(), cloneNode(), write(), open(), writeln(), etc.

Quelles sont les méthodes couramment utilisées du DOM en JavaScript ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Méthode membre du nœud

appendChild() : Ajouter un nœud enfant à la fin de la liste des nœuds enfants du nœud :

var method = document.getElementById('method');
var input = document.createElement('input');        
method.appendChild('input');

insertBefore() : Ajouter un nœud enfant avant le nœud spécifié dans le nœud enfant du nœud list :

method.insertBefore(input,method.childNodes[1]);

hasChildNodes() : Vérifiez si un nœud a des nœuds enfants :

method.hasChildNodes();

removeChild() : Supprimez le nœud spécifié du nœud :

method.removeChild(method.childNodes[1]);

replaceChild() : Utilisez le nœud spécifié pour remplacer un autre enfant spécifié nœud:

r
method.replaceChild(input,method.childNodes[1]);

clonenode () Node de clone: ​​

var relation=document.getElementById('relation');        
var newRel=relation.cloneNode(true);

Document document node

method pour obtenir un élément node

getElementById (): Obtenez le nœud d'élément par id

var ele=document.getElementById('ele');

getElementsByTagName (): Obtenez la liste des nœuds par nom de balise Collection

var ps=document.getElementsByTagName('p');           
console.log(ps.length);"

getElementsByName() : Obtenez la collection de nœuds d'éléments via l'attribut Name :

var sexs=document.getElementsByName('user');           
console.log(sexs);"

Méthode pour créer un nœud

createElement() : Créer un nœud d'élément

var b=document.createElement('b');

createAttribute( ) : Créer un nœud d'attribut

var classAttr=document.createAttribute('class');
classAttr.value='on';"

createTextNode() : Créer un nœud de texte

var newtext=document.createTextNode('First');

Opération de flux de documents

write() : Saisir le flux de texte vers la page

document.write('哈哈');

writeln() : Saisir flux de texte à la page, et Ajouter n

document.writeln('哈哈');

open() : ouvrir un flux de documents

document.open();

close() : fermer un flux de documents

document.close();

【Apprentissage recommandé : Tutoriel avancé javascript

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn