Добавьте несколько элементов HTML в Div с помощью JavaScript

Чтобы добавить несколько элементов HTML в

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

  1. Использование свойства innerHTML:

    var div = document.getElementById("yourDivId");
    div.innerHTML = "<p>Paragraph 1</p><p>Paragraph 2</p><a href='#'>Link</a>";
  2. Использование метода insertAdjacentHTML():

    var div = document.getElementById("yourDivId");
    div.insertAdjacentHTML("beforeend", "<p>Paragraph 1</p><p>Paragraph 2</p><a href='#'>Link</a>");
  3. Использование методов createElement()и appendChild():

    var div = document.getElementById("yourDivId");
    var p1 = document.createElement("p");
    p1.textContent = "Paragraph 1";
    var p2 = document.createElement("p");
    p2.textContent = "Paragraph 2";
    var link = document.createElement("a");
    link.href = "#";
    link.textContent = "Link";
    div.appendChild(p1);
    div.appendChild(p2);
    div.appendChild(link);

Эти методы позволяют динамически добавлять несколько элементов HTML к элементу

с помощью JavaScript.