dojo
Manipulacja DOM

Wprowadzenie

Parametry

dom-construct

Tego modułu można użyć do:

• Utwórz nowy element.

• Usuń element z dokumentu HTML.

• Umieść element w dokumencie HTML.

Iinitializacja

Aby móc korzystać z modułu dom-construct , musimy go załadować jako odłogowanie:

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

Stwórz()

Tej funkcji można użyć do utworzenia elementu i dodania go w określonej pozycji. Pozwala także ustawić atrybuty i treść.

Stosowanie

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

zniszczyć()

Ta funkcja umożliwia usunięcie elementu, w tym jego elementów podrzędnych i zawartości z dokumentu.

Stosowanie

domConstruct.destroy("someId"); 

miejsce()

Ta funkcja może być używana do umieszczania węzłów w określonej pozycji w dokumencie HTML

Stosowanie

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

pusty()

Tej funkcji można użyć do usunięcia treści i wszystkich jej elementów potomnych elementu DOM

Stosowanie

domConstruct.empty("someId");

klasa domowa

Ten moduł udostępnia funkcję, która pozwala manipulować klasami CSS elementów DOM.

Inicjalizacja

Aby móc korzystać z modułu klasy dom, musimy go załadować jako odłogowanie:

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

zawiera ()

Ta funkcja sprawdza, czy węzeł zawiera określoną klasę

Stosowanie

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

Dodaj()

Ta funkcja umożliwia dodawanie klas CSS do węzła DOM bez powielania.

Stosowanie

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

usunąć()

Ta funkcja pozwala usunąć klasy CSS z węzła DOM.

Stosowanie

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

zastąpić()

Ta funkcja umożliwia usuwanie klas i zastępowanie ich innymi klasami.

Stosowanie

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

przełącznik()

Ta funkcja pozwala usunąć klasę, jeśli istnieje, lub dodać ją, jeśli nie istnieje.

Stosowanie

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