Как добавить HTML на страницу с помощью Javascript?
Инструкция
1. В месте, где должен быть текст, создать div. Например:
<div id="hidden"></div>
2. Потом в любом месте страницы (можно в шаблоне; или при редактировании записи, перейдя в режим правки HTML) добавить код:
<script>
document.onreadystatechange = function () {
if (document.readyState === 'interactive') {
document.querySelector('#hidden').innerHTML = `Здесь скрытый текст...`;
}
}
</script>
После того, как страница перейдет в статус interactive, этот код добавит в выбранный div (с id=hidden) указанный в кавычках текст (Здесь скрытый текст...). Можно использовать HTML-теги с любой вложенностью. (Кавычки должны быть обратными).
Если interactive не срабатывает, то можно попробовать заменить на complete (полная загрузка страницы).
Если нужно добавить текст после указанного блока div, то вставьте код:
<script>
document.onreadystatechange = function () {
if (document.readyState === 'interactive') {
document.querySelector('#hidden').insertAdjacentHTML('afterEnd', 'Здесь скрытый текст...');
}
}
</script>
Параметр «afterEnd» можно менять на «beforebegin», «afterbegin», «beforeend» в зависимости от того, где относительно блока нужно добавить текст.