Original JS implementiert das Hinzufügen, Löschen, Ändern, Überprüfen und Einfügen

1. Hinzufügen

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

2. Löschen

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

Oft ist es notwendig, die Knotenattribute

zu ändern 🎜> und

Inhalt

müssen geändert werden. Änderung von Attributen
Attribute werden in Standard-HTML-Attribute und Nicht-Standard-HTML-Attribute unterteilt. * HTML-Attribute als Attribute von Element
Das HTML-Element definiert allgemeine HTTP-Attribute, wie z. B. die Attribute „id“, „title lang“ und „dir“, sowie Event-Handler-Attribute (onclick). Bestimmte Elementuntertypen verfügen auch über bestimmte Attribute, z. B. das src-Attribut von img.

Nicht standardmäßige HTML-Attribute abrufen und festlegen

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

Element definiert die Methoden getAttribute und setAttribute, um nicht standardmäßige Attribute abzufragen und festzulegen, hasAttribute und removeAttribute, um zu erkennen, ob das benannte Attribut vorhanden ist existiert und entfernen Sie das Attribut vollständig.

Änderungen am Inhalt

innerHTML: Inhalt mit TagsinnerText (schlechte Firefox-Unterstützung): reiner Textelementinhalt textContent (nicht unterstützt von IE): reiner Textelementinhalt
4. Suchen Sie

und finden Sie ihn in einem Schritt

• 
  

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

  Vater, Sohn und Bruder finden

• 
  

• 5 . einfügen

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

Das obige ist der detaillierte Inhalt vonOriginal JS implementiert das Hinzufügen, Löschen, Ändern, Überprüfen und Einfügen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!