Добрый день! Хочу поменять шапку сайта https://krisdiva.com на Битрикс. При этом, хочу, чтобы обновления шаблона сохранялись. Подумал, что можно попытаться это сделать средствами JavaScript. Нашел блок, в который хочу добавить свой html код (см. скрин 1 ниже). Получается, нужно HTML код вставить в блок Код (Text): <div class="col-5 board-info order-last"> В JavaScript я не силен. Поискал подходящий код (https://basicweb.ru/javascript/js_element_insertadjacenthtml.php), получил: Код (Text): const x = document.getElementsByClassName()("col-5 board-info order-last"); // выбираем первый элемент класса в документе let p = "<p>My element</p>"; // инициализируем переменную, содержащую HTML строку x.insertAdjacentHTML("beforeend", p); // текстовое содержимое будет вставлено внутри целевого элемента после его последнего дочернего элемента Вставляю этот код в поле вставки Js кода (см. скрин 2). При этом ничего не происходит, в блоке (см. скрин 1) надпись My element так и не появляется... Помогите средствами JavaScript добавить HTML код в данное поле. Спасибо. Рис. 1. Рис. 2.
Вы там кучу классов перечисляете, а не один... Если нативным js - как вы сделали не прокатит. Если подключен jQuery, то можно Код (Javascript): $('куча классов').html('ваш html');
Спасибо! Вариант: Код (Text): const x = document.querySelector("#phoenix-container > header > div.static-board.hidden-sm.hidden-xs > div.container > div > div > div.col-5.board-info.order-last"); // выбираем первый элемент класса в документе let p = "<p>My element</p>"; // инициализируем переменную, содержащую HTML строку x.insertAdjacentHTML("beforeend", p); // текстовое содержимое будет вставлено внутри целевого элемента после его последнего дочернего элемента работает!