dojo
Manipulación de DOM

Introducción

Parámetros

construcción de dom

Este módulo se puede utilizar para:

• Crea un nuevo elemento.

• Eliminar un elemento del documento HTML.

• Colocar elemento en documento HTML.

Inicialización

Para poder usar el módulo dom-construct necesitamos cargarlo como en barbecho:

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

crear()

Esta función se puede utilizar para crear un elemento y agregarlo en una posición específica. También le permite establecer atributos y contenido.

Uso

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

destruir()

Esta función le permite eliminar un elemento, incluidos sus elementos secundarios y el contenido del documento.

Uso

domConstruct.destroy("someId"); 

lugar()

Esta función se puede utilizar para colocar nodos en una posición particular en un documento HTML

Uso

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

vacío()

Esta función se puede utilizar para eliminar contenido y todos sus elementos secundarios de un elemento DOM

Uso

domConstruct.empty("someId");

clase dom

Este módulo proporciona una función que le permite manipular clases CSS de elementos DOM.

Inicialización

Para poder usar el módulo dom-class necesitamos cargarlo como en barbecho:

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

contiene ()

Esta función comprueba si un nodo contiene una clase específica

Uso

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

añadir()

Esta función le permite agregar clases CSS a un nodo DOM sin duplicación.

Uso

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

retirar()

Esta función le permite eliminar clases CSS de un nodo DOM.

Uso

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

reemplazar()

Esta función le permite eliminar clases y reemplazarla con otras clases.

Uso

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

palanca()

Esta función le permite eliminar una clase si existe, o agregarla si no existe.

Uso

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