Поменять HTML средствами JavaScript
 

Добрый день!
Хочу поменять шапку сайта https://krisdiva.com на Битрикс. При этом, хочу, чтобы обновления шаблона сохранялись. Подумал, что можно попытаться это сделать средствами JavaScript. Нашел блок, в который хочу добавить свой html код (см. скрин 1 ниже). Получается, нужно HTML код вставить в блок

<div class="col-5 board-info order-last">

В JavaScript я не силен. Поискал подходящий код (https://basicweb.ru/javascript/js_el...jacenthtml.php), получил:

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.

Здравствуйте. Мне кажется, слабое место здесь:

const x = document.getElementsByClassName()("col-5 board-info order-last"); // выбираем первый элемент класса в документе

Таким образом мы не выберем первый элемент класса. Попробуйте так:

const x = document.querySelectorAll(".col-5.board-info.order-last")[0];

(Не знаю специфики Вашей вёрстки, но думаю, это не имеет отношения к делу).

Почему не редактируете шаблон? Да и многие параметры, которые выводятся в шаблоне, это настраиваемые параметры.