javascript: как создать новый элемент div
Компьютеры / Программирование / javascript (джаваскрипт)
Тэги: javascript setAttribute javascript appendChild
Тэги: javascript setAttribute javascript appendChild
📅1-08-2018 👁473
С помощью javascript можно создать новые html элементы:
Допустим на странице есть область див в которую нужно вставить новые дивы:
<div id='sales'></div>
// В js ищем этот элемент DOM
var mainDiv = document.getElementById ("sales");
//
// Создаем новый элемент div используя javascript
var div = document.createElement ("div");
//
// Задаем класс если хотим использовать css стили
div.setAttribute ("class", "newclass");
//
// Пишем текст внутри дива
div.innerHTML = "any text";
//
// Вставляем этот новый элемент в качестве дочернего по отношению к "sales"
mainDiv.appendChild (div);
Оставить свой ответ: