如何使用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)