dojo
Манипуляция DOM
Поиск…
Вступление
Dojo предоставляет различные функции, которые позволяют вам манипулировать элементами DOM, такими как создание, размещение и уничтожение.
параметры
| аргументация | Тип |
|---|---|
| узел | DomNode или String |
дом-конструкт
Этот модуль можно использовать для:
Создайте новый элемент.
Удалите элемент из документа HTML.
Поместите элемент в документ HTML.
Iinitialisation
Чтобы иметь возможность использовать модуль dom-construct нам нужно загрузить его как пар:
require(["dojo/dom-construct"], function(domConstruct){
// Write code here
});
Создайте()
Эта функция может использоваться для создания элемента и добавления его в определенную позицию. Он также позволяет устанавливать атрибуты и контент.
использование
var node = domConstruct.create("div", { style: { color: "red" }}, "someId", "first");
уничтожить ()
Эта функция позволяет удалить элемент, содержащий его дочерние элементы и содержимое из документа.
использование
domConstruct.destroy("someId");
место()
Эта функция может использоваться для размещения узлов в определенной позиции в документе HTML
использование
domConstruct.place("someNode", "refNode", "after");
пустой ()
Эта функция может использоваться для удаления содержимого и всех его дочерних элементов DOM
использование
domConstruct.empty("someId");
дом класса
Этот модуль предоставляет функцию, которая позволяет вам манипулировать классами CSS элементов DOM.
инициализация
Чтобы иметь возможность использовать модуль dom-класса, нам нужно загрузить его как пар:
require(["dojo/dom-class"], function(domClass){
// Write code here
});
содержит()
Эта функция проверяет, содержит ли узел определенный класс
использование
if (domClass.contains("someId", "className")){
// do something if it contains
}
добавлять()
Эта функция позволяет добавлять классы CSS в узел DOM без дублирования.
использование
domClass.add("someId", "className");
Удалить()
Эта функция позволяет удалить классы CSS с узла DOM.
использование
domClass.remove("someId", "className");
заменить ()
Эта функция позволяет вам удалять классы и заменять их другими классами.
использование
domClass.replace("someId", "addedClassName", "removedClassName");
Переключатель ()
Эта функция позволяет удалить класс, если он существует, или добавить его, если он не существует.
использование
domClass.toggle("someId", "className");