Вставка HTML в контейнер

Содержимое статьи:

Для вставки HTML-кода в контейнер можно использовать метод insertAdjacentHTML(). Этот метод принимает два аргумента:

• позицию вставки: указывает, куда вставлять HTML-код. Может принимать следующие значения:
• beforebegin: перед начальным тегом элемента
• afterbegin: после начального тега элемента
• beforeend: перед конечным тегом элемента
• afterend: после конечного тега элемента
• HTML-код: код HTML, который нужно вставить
  Пример использования:

  const container = document.getElementById('container');
  
  const cardHtml = `${b}`;
  
  container.insertAdjacentHTML('beforeend', cardHtml);
  
  const cardgtml = `1`;
  
  container.insertAdjacentHTML('beforeend', cardgtml);

  В этом примере:

• Переменной container присваивается ссылка на элемент с идентификатором container.
• Переменной cardHtml присваивается HTML-код карточки (b).
• Переменной cardgtml присваивается HTML-код карточки (1).
• Метод insertAdjacentHTML() используется для вставки HTML-кода карточек перед конечным тегом элемента container.