dojo
DOM-Manipulation

Einführung

Parameter

dom-Konstrukt

Dieses Modul kann verwendet werden um:

• Erstellen Sie ein neues Element.

• Löschen Sie ein Element aus einem HTML-Dokument.

• Element in HTML-Dokument einfügen

Initialisierung

Um das dom-construct Modul verwenden zu können, müssen wir es als Brache laden:

require(["dojo/dom-construct"], function(domConstruct){
    // Write code here
});

erstellen()

Mit dieser Funktion können Sie ein Element erstellen und an einer bestimmten Position hinzufügen. Sie können auch Attribute und Inhalte festlegen.

Verwendungszweck

var node = domConstruct.create("div", { style: { color: "red" }}, "someId", "first"); 

zerstören()

Mit dieser Funktion können Sie ein Element einschließlich der untergeordneten Elemente und des Inhalts aus dem Dokument löschen.

Verwendungszweck

domConstruct.destroy("someId"); 

Platz()

Diese Funktion kann verwendet werden, um Knoten an einer bestimmten Position in einem HTML-Dokument zu platzieren

Verwendungszweck

domConstruct.place("someNode", "refNode", "after"); 

leeren()

Mit dieser Funktion können Sie Inhalt und alle untergeordneten Elemente eines DOM-Elements löschen

Verwendungszweck

domConstruct.empty("someId");

Dom-Klasse

Dieses Modul bietet eine Funktion, mit der Sie CSS-Klassen von DOM-Elementen bearbeiten können.

Initialisierung

Um das dom-class-Modul verwenden zu können, müssen wir es als Brache laden:

require(["dojo/dom-class"], function(domClass){
    // Write code here
});

enthält ()

Diese Funktion prüft, ob ein Knoten eine bestimmte Klasse enthält

Verwendungszweck

 if (domClass.contains("someId", "className")){
     // do something if it contains 
 } 

hinzufügen()

Mit dieser Funktion können Sie einem DOM-Knoten ohne Duplizierung CSS-Klassen hinzufügen.

Verwendungszweck

domClass.add("someId", "className"); 

Löschen()

Mit dieser Funktion können Sie CSS-Klassen von einem DOM-Knoten entfernen.

Verwendungszweck

 domClass.remove("someId", "className");

ersetzen()

Mit dieser Funktion können Sie Klassen entfernen und durch andere Klassen ersetzen.

Verwendungszweck

 domClass.replace("someId", "addedClassName", "removedClassName");

Umschalten()

Mit dieser Funktion können Sie eine Klasse entfernen, wenn sie existiert, oder sie hinzufügen, wenn sie nicht existiert.

Verwendungszweck

 domClass.toggle("someId", "className");