Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiele für die Verwendung von JavaScript zum Hinzufügen, Löschen, Ändern und Überprüfen von Webseitenknoten_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:16:18
Original
1601 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung von JavaScript zum Hinzufügen, Löschen, Ändern und Überprüfen von Webseitenknoten. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

1. Grundkonzepte

Dieser Teil ist das sogenannte „HTML-DOM“. Das sogenannte HTML-DOM ist die Regel zum Laden von Webseiten. Es handelt sich um eine Regel, die die Grundformel für die Erstellung einer Webseite darstellt.

Das heißt, alle Webseiten müssen gemäß den Regeln geschrieben werden: ... und gemäß diesen Regeln geladen werden.

Der sogenannte „Webseitenknoten“ wird im Volksmund auch als „DOM-Knoten“ bezeichnet. Der Inhalt unter dem HTML-Knoten ist beispielsweise der gesamte Inhalt zwischen und dem Der Inhalt unter dem Body-Knoten ist .

HTML-DOM ist wie folgt festgelegt: 1. Das gesamte Dokument ist ein Dokumentknoten. 2. Jedes HTML-Tag (d. h. HTML-Tags wie

und nicht einfach -Tags) ist ein Elementknoten; 3. Der im HTML-Element enthaltene Text ist ein Textknoten. 4. Jedes HTML-Attribut ist ein Attributknoten
Beispielsweise können Sie eine Seite als folgenden DOM-Knotenbaum zeichnen:

Die offizielle Definition von HTML DOM lautet wie folgt: HTML DOM ist die Abkürzung für HTML Document Object Model, und HTML DOM ist ein Dokumentobjektmodell, das speziell auf HTML/XHTML anwendbar ist. Personen, die mit Softwareentwicklung vertraut sind, können HTML DOM als die API einer Webseite verstehen. Es behandelt jedes Element auf der Webseite als Objekt, sodass die Elemente auf der Webseite auch per Computersprache abgerufen oder bearbeitet werden können. Beispielsweise kann Javascript HTML-DOM verwenden, um Webseiten dynamisch zu ändern.

Mit JavaScript kann das Hinzufügen, Löschen, Ändern und Überprüfen von Webseitenknoten auf diesen DOM-Knoten einfach gesteuert werden.

2. Grundlegende Ziele

Verwenden Sie JavaScript, um Knoten auf der Webseite hinzuzufügen, zu löschen, zu ändern und zu überprüfen. Auf einer Webseite gibt es:

1. Schaltfläche „Knoten hinzufügen“ Beim Hinzufügen von Knoten fügt diese Schaltfläche auch Knotenoptionen im Dropdown-Menü hinzu, das mit der Schaltfläche „Ersetzen“ verknüpft ist. Wenn die Webseite 9 Knoten enthält, werden diese nicht hinzugefügt und es wird eine Warnung angezeigt.

2. Schaltfläche „Letzten Knoten löschen“ Diese Schaltfläche reduziert Knoten und reduziert gleichzeitig die Knotenoptionen im Dropdown-Menü, das mit der Schaltfläche „Ersetzen“ verknüpft ist.

3. Klicken Sie auf die Schaltfläche „Knoteninhalt ersetzen“. Wählen Sie zunächst den zu bedienenden Knoten aus und geben Sie dann den zu ersetzenden Inhalt ein. Der entsprechende Knoten wird ersetzt.

4. Wenn auf der Webseite keine Knoten vorhanden sind, ist das Löschen und Ersetzen nicht zulässig und es wird eine Warnung angezeigt.

3. Produktionsprozess

Es ist nicht erforderlich, eine Umgebung zu konfigurieren. Schreiben Sie einfach den folgenden Code direkt in die Webseite. Der spezifische Code lautet wie folgt und wird im Folgenden Teil für Teil erklärt:

Code kopieren Der Code lautet wie folgt:
 
 
     
         
        jsdivnode 
 
     
 
     
         
         
         
         
         
       
 
       
 
     

1、节点

复制代码 代码如下:
                                     " "




2.




Code kopieren


Der Code lautet wie folgt:
                                                                                                          


Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage