dojo
Manipolazione DOM

introduzione

Parametri

dom-costrutto

Questo modulo può essere utilizzato per:

• Crea un nuovo elemento.

• Elimina un elemento dal documento HTML.

• Posiziona elemento nel documento HTML.

Iinitialisation

Per essere in grado di utilizzare il modulo dom-construct dobbiamo caricarlo come fallow:

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

creare()

Questa funzione può essere utilizzata per creare un elemento e aggiungerlo in una posizione specifica. Permette anche di impostare attributi e contenuti.

uso

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

distruggere()

Questa funzione consente di eliminare un elemento inclusi i suoi figli e il contenuto dal documento.

uso

domConstruct.destroy("someId"); 

posto()

Questa funzione può essere utilizzata per posizionare i nodi in una posizione particolare in un documento HTML

uso

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

vuoto()

Questa funzione può essere usata per cancellare il contenuto e tutti i suoi figli di un elemento DOM

uso

domConstruct.empty("someId");

dom-class

Questo modulo fornisce una funzione che consente di manipolare le classi CSS degli elementi DOM.

Inizializzazione

Per essere in grado di utilizzare il modulo dom-class, dobbiamo caricarlo come a riposo:

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

contains ()

Questa funzione controlla se un nodo contiene una classe specifica

uso

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

Inserisci()

Questa funzione consente di aggiungere Classi CSS a un nodo DOM senza duplicazione.

uso

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

rimuovere()

Questa funzione ti permette di rimuovere le Classi CSS da un nodo DOM.

uso

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

sostituire()

Questa funzione ti consente di rimuovere classi e sostituirle con altre classi.

uso

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

ginocchiera ()

Questa funzione ti consente di rimuovere una classe, se esistente, o di aggiungerla se non esiste.

uso

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