dojo
Manipulation DOM

Introduction

Paramètres

dom-construct

Ce module peut être utilisé pour:

• Créez un nouvel élément.

• Supprimer un élément du document HTML.

• Placez l'élément dans un document HTML.

Initialisation

Pour pouvoir utiliser le module dom-construct nous devons le charger en jachère:

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

créer()

Cette fonction peut être utilisée pour créer un élément et l’ajouter à une position spécifique. Il vous permet également de définir des attributs et du contenu.

Usage

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

détruire()

Cette fonction vous permet de supprimer un élément, y compris ses enfants et le contenu du document.

Usage

domConstruct.destroy("someId"); 

endroit()

Cette fonction peut être utilisée pour placer des nœuds à une position particulière dans un document HTML

Usage

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

vide()

Cette fonction peut être utilisée pour supprimer du contenu et tous ses enfants d'un élément DOM

Usage

domConstruct.empty("someId");

classe dom

Ce module fournit une fonction qui vous permet de manipuler les classes CSS des éléments DOM.

Initialisation

Pour pouvoir utiliser le module de classe dom, nous devons le charger en jachère:

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

contient ()

Cette fonction vérifie si un noeud contient une classe spécifique

Usage

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

ajouter()

Cette fonction vous permet d'ajouter des classes CSS à un nœud DOM sans duplication.

Usage

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

retirer()

Cette fonction vous permet de supprimer des classes CSS d'un noeud DOM.

Usage

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

remplacer()

Cette fonction vous permet de supprimer des classes et de la remplacer par d'autres classes.

Usage

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

basculer()

Cette fonction vous permet de supprimer une classe si elle existe, ou de l'ajouter si elle n'existe pas.

Usage

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