如何使用javascript模仿html BR标签

Question

您好，我在div之后体内有3件事。

一个按钮和两个图像。 我要为他们设置一个新行，以使按钮位于一行中，图像位于其自己的行中，第二个图像也位于其自己的行中。

我尝试了document.write("<BR>")但它完全破坏了我的代码。这是当前代码

var button = document.createElement("button");
button.innerHTML = "Do Something";
document.body.appendChild(button)


var img7 = document.createElement('img')
img7.src = 'g.png'
document.body.appendChild(img7)


var img8 = document.createElement('img')
img8.src = 'h.png'
document.body.appendChild(img8) 

它是纯JavaScript，所以我不能使用<br>换行

Answer 1

您可以使用与创建每个<img>相同的方法在JavaScript中创建和附加<br> ：

var button = document.createElement("button");
button.innerHTML = "Do Something";
document.body.appendChild(button)

var br = document.createElement('br')
document.body.appendChild(br)

var img7 = document.createElement('img')
img7.src = 'g.png'
document.body.appendChild(img7)

document.body.appendChild(br.cloneNode())

var img8 = document.createElement('img')
img8.src = 'h.png'
document.body.appendChild(img8)