dojo
DOM-manipulation

Introduktion

parametrar

dom-konstruktet

Denna modul kan användas för att:

• Skapa ett nytt element.

• Radera ett element från HTML-dokument.

• Placera element i HTML-dokument.

Iinitialisation

För att kunna använda dom-construct måste vi ladda den som brack:

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

skapa()

Denna funktion kan användas för att skapa ett element och lägga till det i en specifik position. Det låter dig också ställa attribut och innehåll.

Användande

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

förstöra()

Den här funktionen låter dig ta bort ett element inklusive barn och innehåll från dokumentet.

Användande

domConstruct.destroy("someId"); 

plats()

Denna funktion kan användas för att placera noder i en viss position i ett HTML-dokument

Användande

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

tömma()

Denna funktion kan användas för att ta bort innehåll och alla dess barn i ett DOM-element

Användande

domConstruct.empty("someId");

dom-klass

Denna modul tillhandahåller funktion som låter dig manipulera CSS-klasser av DOM-element.

initiering

För att kunna använda dom-klassmodulen måste vi ladda den som brack:

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

innehåller ()

Denna funktion kontrollerar om en nod innehåller en specifik klass

Användande

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

Lägg till()

Denna funktion låter dig lägga till CSS-klasser i en DOM-nod utan duplikering.

Användande

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

ta bort()

Den här funktionen låter dig ta bort CSS-klasser från en DOM-nod.

Användande

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

byta ut()

Denna funktion låter dig ta bort klasser och ersätta den med andra klasser.

Användande

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

toggle ()

Denna funktion låter dig ta bort en klass om den finns, eller lägga till den om den inte finns.

Användande

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