Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 02.09.2021, 14:59   #1
billiejean78
Новичок
Джуниор
 
Регистрация: 02.09.2021
Сообщений: 4
Вопрос Необходимо написать скрипт, который при нажатии кнопки "+" добавляет в контейнер новый <div> с классом element и текстом Element

На странице есть верстка:


<div id="container"></div>

<input id="add-item-btn" type="button" value="+">

Результат в инспекторе после трех кликов:


<div id="container">

<div class="element">Element</div>

<div class="element">Element</div>

<div class="element">Element</div>

</div>

<input id="btn" type="button" value="+">
billiejean78 вне форума Ответить с цитированием
Старый 04.09.2021, 00:02   #2
Agency
Пользователь
 
Регистрация: 07.10.2017
Сообщений: 99
По умолчанию

Кому необходимо написать?
И на каком языке?
Agency вне форума Ответить с цитированием
Старый 08.09.2021, 17:56   #3
victorshkoda
Пользователь
 
Аватар для victorshkoda
 
Регистрация: 04.01.2012
Сообщений: 71
По умолчанию

<div id="container"></div>
<input id="add-item-btn" type="button" onclick="addDiv()" value="+">
<script>
function addDiv() {
let container = document.getElementById('container' )
let div = document.createElement("div")
div.innerHTML = "<div class="element">Element</div>"
container.appendChild(div)
}
</script>
victorshkoda вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
pgAdmin 4 При сжатии окна по горизонтали некоторые кнопки "вылезли", но"save" или"Ok" не увидел все равно. Что делать ? vadim_v SQL, базы данных 0 16.06.2020 20:44
написать программу по управлению клавиатурой: при нажатии "+" загораются лампочки... NickolayNest Помощь студентам 0 25.10.2011 20:07
Specified element is already the logical child of another element. Disconnect it first. sealmu WPF, UWP, WinRT, XAML 0 24.02.2011 17:36
Написать скрипт, который помещал бы на документ таблицу "безопасных цветов". lildens JavaScript, Ajax 1 21.10.2010 16:26
p:element и q:^element - в чем разница? Arkuz Компоненты Delphi 1 21.04.2008 01:16