在div之后添加2个相同的元素

Question

我希望在<br>标记后立即添加2个<div>标记。这就是我现在正在做的事情：

var elementDiv = document.createElement("div");
var elementBr = document.createElement("br");
var elementBr1 = document.createElement("br");
elementDiv.appendChild(elementBr);
elementDiv.appendChild(elementBr1);

有快速的方法吗？我正在努力避免为＆＃39; br＆＃39;创建2个单独的元素。然后将其附加到＆＃39; div＆＃39;两次。对不起，Javascript中的菜鸟。

这个代码就是我在最终的html中看到的：

<div>
  <br>
  <br>
</div>

Answer 1

您可以使用insertAdjacentHTML。

var elementDiv = document.createElement('div');
elementDiv.insertAdjacentHTML('beforeend', '<br/><br/>');

Answer 2

elementDiv.innerHTML += "<br><br>";

或更优雅

for (co=0; co<2; co++) elementDiv.appendChild(document.createElement("br"));