dojo
DOM-manipulatie

Invoering

parameters

dom-construct

Deze module kan worden gebruikt om:

• Maak een nieuw element.

• Verwijder een element uit HTML-document.

• Plaats element in HTML-document.

Iinitialisation

Om de dom-construct gebruiken, moeten we deze als braak laden:

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

create ()

Deze functie kan worden gebruikt om een element te maken en toe te voegen op een specifieke positie. Hiermee kunt u ook attributen en inhoud instellen.

Gebruik

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

vernietigen()

Met deze functie kunt u een element inclusief de onderliggende elementen en inhoud uit het document verwijderen.

Gebruik

domConstruct.destroy("someId"); 

plaats()

Deze functie kan worden gebruikt om knooppunten op een bepaalde positie in een HTML-document te plaatsen

Gebruik

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

leeg()

Deze functie kan worden gebruikt om inhoud en alle onderliggende items van een DOM-element te verwijderen

Gebruik

domConstruct.empty("someId");

dom-klasse

Deze module biedt een functie waarmee u CSS-klassen van DOM-elementen kunt bewerken.

initialisatie

Om de dom-class module te kunnen gebruiken, moeten we deze als braak laden:

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

bevat ()

Deze functie controleert of een knooppunt een specifieke klasse bevat

Gebruik

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

toevoegen()

Met deze functie kunt u CSS-klassen zonder duplicatie toevoegen aan een DOM-knooppunt.

Gebruik

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

verwijderen()

Met deze functie kunt u CSS-klassen verwijderen uit een DOM-knooppunt.

Gebruik

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

vervangen()

Met deze functie kunt u klassen verwijderen en vervangen door andere klassen.

Gebruik

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

knevel ()

Met deze functie kunt u een klasse verwijderen als deze bestaat of toevoegen als deze niet bestaat.

Gebruik

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