JavaScript: Обернуть HTML-элемент в тег noindex

Задача. Нужно с помощью JavaScript добавить тег комментарий в код HTML, обернуть конкретный элемент в тег  (Пример 1).


<!-- До -->

<section id="my-elem">
  <!-- Какие-то др. теги... -->
</section>


<!-- После -->

<!--noindex-->
<section id="my-elem">
  <!-- Какие-то др. теги... -->
</section>
<!--/noindex-->

</section>

</section>

Пример 1: Использование тега noindex

Решение. Используем Код №1. Скрипт должен подключаться после обварачиваемого элемента.


/* Обернуть элемент по id в тег noindex */

let elem = document.querySelector('#my-elem');
elem.insertAdjacentHTML('beforebegin', '<!--noindex-->');
elem.insertAdjacentHTML('afterend', '<!--/noindex-->');

/* Обернуть элемент по id в тег noindex */

let elem = document.querySelector('#my-elem');

elem.insertAdjacentHTML('beforebegin', '');

elem.insertAdjacentHTML('afterend', '');

Код 1: JS-скрипт обернуть html-элемент в другой тег.