Вставьте данные схемы внутри тега html с помощью javascript

Question

Мне интересно, есть ли способ вставить текст, в частности данные схемы, в тег html div, используя javascript. Я знаю, что есть методы для изменения существующих значений внутри тега, такие как class, href, title, но не могу найти способ добавить что-то новое.

В основном у меня есть <div id="main">, и я хочу измените его на <div id="main" itemtype="http://schema.org/SomeCategory" itemscope> и позже.

Контекстом такой необходимости является использование fetch / js для замены частей веб-страниц, а не перезагрузка всей страницы. Страницы продукта используют обозначения схемы, в то время как страницы общей информации - нет, хотя все шаблоны используют "основной" div.

Answer 1

Мне неизвестно, функция innerHTML, прикрепленная к тегу body, позволяет мне изменять фактические теги div с помощью replace. Так просто:

  input ='<div id="main">';
  output='<div id="main" itemtype="http://schema.org/SomeCategory" itemscope>';
  document.body.innerHTML = document.body.innerHTML.replace(input,output);