Методы добавления элементов в тело с помощью ванильного JavaScript

Чтобы добавить элементы в тело с помощью стандартного JavaScript, вы можете использовать несколько методов. Вот несколько примеров:

  1. createElement и AppendChild:

    var element = document.createElement('div');
    document.body.appendChild(element);
  2. innerHTML:

    document.body.innerHTML += '<div></div>';
  3. insertAdjacentHTML:

    document.body.insertAdjacentHTML('beforeend', '<div></div>');
  4. cloneNode иappendChild:

    var template = document.getElementById('template');
    var element = template.cloneNode(true);
    document.body.appendChild(element);
  5. createDocumentFragment:

    var fragment = document.createDocumentFragment();
    var element = document.createElement('div');
    fragment.appendChild(element);
    document.body.appendChild(fragment);

Это всего лишь несколько примеров того, как можно добавлять элементы в тело с помощью стандартного JavaScript. Не забудьте заменить

нужным HTML-содержимым, которое вы хотите добавить.