Original JS implémente l'ajout, la suppression, la modification, la vérification et l'insertion

1. Ajouter

创建元素节点 ：document.createElement(“p”); 
创建text节点 ：document.createTextNodet(“内容”); 
复制一个节点： var newNode = node.cloneNode();//参数为true复制所有子节点，参数为false只执行一次浅复制。

2. Supprimer

removeChild()；//该方法不是在待删除的节点上调用，而是在它的父元素节点上调用。 
node.parentElement.removeChild(node); 
replaceChild()；//删除一个子节点，并用一个新的节点取代它。第一个参数是新节点，第二个参数是要删除的节点。 
node.parentElement.replaceChild(newNode,node);

3. Modifier

Plusieurs fois, il est nécessaire de modifier les attributs du nœud . 🎜> et Contenu à modifier.
Modification des attributs Les attributs sont divisés en attributs HTML standards et attributs HTML non standards.
*
Attributs HTML comme attributs de l'élément L'élément HTML définit les attributs HTTP courants, tels que les attributs id, title lang et dir, ainsi que les attributs du gestionnaire d'événements (onclick). Les sous-types d'éléments spécifiques ont également des attributs spécifiques, tels que l'attribut src de img.

var oImg = document.getElementById("img1");oImg.id = "newID";oImg.className = "className";oImg.src = "...";

Obtention et définition d'attributs HTML non standard Element définit les méthodes getAttribute et setAttribute pour interroger et définir les attributs non standard, hasAttribute et removeAttribute pour détecter si l'attribut nommé existe et supprimez complètement l’attribut.

Modifications du contenu innerHTML : contenu contenant des balises
innerText (mauvaise prise en charge de Firefox) : contenu d'élément de texte brut
textContent (non pris en charge par IE) : contenu de l'élément de texte brut

4. Recherchez

• et trouvez-le en une seule étape
  

• document.getElementById()   返回对拥有指定 id 的第一个对象的引用。 
  document. getElementsByClassName()  返回文档中所有指定类名的元素集合。 
  document.getElementsByName()    返回带有指定名称的对象集合。 
  document.getElementsByTagName() 返回带有指定标签名的对象集合。

• Trouver père, fils et frère
  

• 对于一个Node节点，包含很多种，像：Document节点、Text节点、Comment节点、Element节点，我们常常需要获得的是元素节点，忽略掉Text和Comment节点： 
  firstElementChild,lastElementChild； 
  children   => 数组类型：children[0] ,第一个子节点 
  nextElementSibling,previousElementSibling => 兄弟节点 
  parentElement => 父亲节点

5 .insérer

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!