Résumé des opérations JavaScript natives sur les nœuds dom

Lors du développement de programmes JavaScript, le plus couramment utilisé est le fonctionnement de dom. Aujourd'hui, nous résumerons les opérations du JavaScript natif sur le nœud dom. comprendre comment faire fonctionner les nœuds DOM avec JavaScript, vous pouvez y jeter un œil.

1. Obtenir le nœud d'élément

Obtenir un seul élément : document.getElementById(); ) //Obtenir le premier élément ;

Obtenir plusieurs éléments (vous pouvez sélectionner un seul élément par indice et renvoyer un ensemble d'éléments, équivalent à un tableau) :

document.getElementsByTagName(); 
document.getElementsByName(); 
document.getElementsByClassName();// 动态，实时的 
document.querySelectorAll();// 查找速度比上面的块 //是静态的，非实时的，

Créer des éléments, du texte

document.createElement(“p”)； 
document.createNode(“hello”) //创建文件节点。

Insérer dans le document

parentNode.appendChild(newNode)， 
parentNode.insertBefore(newNode，positionNode)；

Manipulation d'attributs

ele.setAttribute(name，value)//设置属性 
ele.getAttribute(name)//获取元素的属性 
ele.removeAttribute(name)//移除属性

Suppression de nœud

ele.remove(),parentNode.removeChild(childNode)

Remplacer l'élément enfant

parentNode.replaceChild(newNode,oldNode)

Copier l'élément

ele.cloneNode(boolean);// boolean为true， 深复制。

2. Obtenir les éléments enfants, les éléments parents, les éléments frères et sœurs

ele.previousElementSibling;//上一个兄弟元素 
ele.parentNode;//父元素 
ele.children//子元素 
ele.nextElementSibling//下一个兄弟元素

En savoir plus sur les opérations de nœud :

Résumé des méthodes d'opération de nœud DOM dans jQuery

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!