addClass(element:HTMLElement, value: String);
element. DOM-элемент, к которому необходимо добавить CSS-класс;
value. Наименование CSS-класса.
Метод addClass добавляет CSS-класс к указанному элементу DOM-дерева.
Для выполнения примера необходимо наличие на html-странице ссылок на файлы сценариев PP.js и jquery.js. Создадим DOM-вершину на основе указанной строки с html-разметкой, укажем для блока <div> CSS-класс «programText» и добавим вершину в документ. Затем зададим для блока внешние отступы, настройки границы и определим координаты DOM-вершины:
// Определим строку с разметкой
var markup = "<div id='main'>12</div>";
// Преобразуем разметку в DOM-вершину
var dom = PP.htmlToDOM(markup, false);
// Добавим класс к блоку
PP.addClass(dom, "programText");
// Добавим DOM-вершину в документ
document.body.appendChild(dom);
if (PP.hasClass(dom, "programText")) {
// Зададим стили для данного класса
$("div.programText").css("margin", "20px");
$("div.programText").css("border", "1px dashed");
// Определим стиль границы документа
$("body").css("border", "1px solid");
// Определим координаты положения DOM-вершины
var position = PP.calculateOffset(dom);
console.log("Координаты DOM-вершины: (" + position.X + ", " + position.Y + ")");
} else {
console.log("CSS-класс «programText» не найден.");
};
В результате выполнения примера на основе html-разметки была создана и добавлена в документ DOM-вершина. Для блока <div>, являющегося корнем созданного дерева, был определён CSS-класс «programText», заданы внешние отступы, равные 20 пикселям, и определена пунктирная граница размером в 1 пиксель:
В консоли браузера были выведены координаты созданной DOM-вершины:
Координаты DOM-вершины: (28, 20)
См. также: