0

Есть строка кода, с помощью которой, я могу вывести скрытый текст

result.insertAdjacentHTML("beforeend", "<div id=block_id style=display: none>Скрытый текст</div>");

Вместо Скрытый текст, мне нужно вставить таблицу, т.е

result.appendChild(table);

Вставить result.appendChild(table) вместо текста не удаётся, как и засунуть это в переменную. Просьба помочь!

5
  • второй параметр insertAdjacentHTML - это строка, соответственно и вставить можно только строку.
    – Grundy
    19 апр 2022 в 15:02
  • @Grundy, чем я могу заменить insertAdjacentHTML, подскажи.
    – exse
    19 апр 2022 в 15:05
  • можно не менять просто вставлять разметку таблицы. Также можно воспользоваться insertAdjacentElement куда передается именно html элемент, а не строка
    – Grundy
    19 апр 2022 в 15:06
  • @Grundy, Спасибо, сейчас попробую
    – exse
    19 апр 2022 в 15:08
  • @Grundy insertAdjacentElement не подошёл( Как я могу разметку таблицы вставить, не совсем понимаю..
    – exse
    20 апр 2022 в 16:45

1 ответ 1

0

.insertAdjacentHTML вторым параметром принимает строку и если вставляется простой html элемент без каких либо обработчиков событий - достаточно взять его .outerHTML и вставить значение в собираемую строку, например с помощью template literals

result.insertAdjacentHTML("beforeend", `<div id='block_id' style='display: none'>${table.outerHTML}</div>`);

Либо добавить сначала пустой элемент

result.insertAdjacentHTML("beforeend", `<div id='block_id' style='display: none'></div>`);

затем выбрать его и добавить с помощью appendChild

document.getElementById('block_id').appendChild(table)
1
  • Спасибо большое, я использовал второй вариант)
    – exse
    28 мая 2022 в 13:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.