Добавление элемента в тело в JavaScript

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

  1. Использование метода 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. Использование метода insertBefore():

    var element = document.createElement('div');
    document.body.insertBefore(element, document.body.firstChild);
  5. Использование метода document.write():

    document.write('<div></div>');

    Обратите внимание, что использование document.write()после завершения загрузки страницы перезапишет весь документ.