Как сохранить динамически созданные html теги внутри функции?
document.getElementById("button").onclick = function() { let MyTag = document.createElement('div'); MyTag.setAttribute('class', 'MyClass'); let body = document.querySelector('body'); body.appendChild(MyTag); } |
document.getElementById("button").onclick = function() { let MyTag = document.createElement('div'); MyTag.setAttribute('class', 'MyClass'); let body = document.querySelector('body'); body.appendChild(MyTag); }
Код работает, но после обновления страницы всё вновь пропадает. Помогите, пожалуйста, решить проблему
Дополнительно:
Код работает, но после обновления страницы всё вновь пропадает.
Использовать постоянное хранилище, такое как localStorage и indexedDB (рекомендую библиотеку localForage), или состояние приложения в React/Vue.
- Это локальные библиотеки, а нельзя сделать нечто подобное, чтобы это было видно всем пользователям? Или тут уже без больших фреймворков по типу Node.js не обойтись?
- Абсамат Зайналбеков, без сервера и какой-то БД никак.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для сохранения динамически созданных HTML тегов внутри функции вам необходимо использовать переменные или конкатенацию строк. Вот пример кода на PHP, который показывает, как это можно сделать:
function createDynamicTag($tagName, $content) { $html = "" . $content . ""; return $html; } $dynamicTag = createDynamicTag('div', 'Привет, мир!'); echo $dynamicTag;
В этом примере функция createDynamicTag принимает два аргумента: $tagName (название тега) и $content (содержимое тега). Функция динамически создает HTML тег и возвращает его в виде строки.
При вызове функции с аргументами 'div' и 'Привет, мир!', будет создан следующий HTML тег:
. Этот тег затем можно вывести на экран с помощью echo.
Таким образом, используя переменные и конкатенацию строк, вы можете сохранить динамически созданные HTML теги внутри функции и работать с ними как с обычной строкой.