Question

如何在javascript按钮之间添加换行符？我想要破解标签在按钮元素之外。

HTML：

<button id="buttonOne"> click one me </button>
<button id="buttonTwo"> click on me too </button>

JS：

var buttonOne = document.getElementById("buttonOne");
var lineBreak = document.createElement("br");
buttonOne.appendChild(lineBreak);

给出：

<button id="buttonOne"> click one me <br> </button>
<button id="buttonTwo"> click on me too </button>

我想要的是：

<button id="buttonOne"> click one me </button> 
<br>
<button id="buttonTwo"> click on me too </button>

Answer 1

＆＃13;

var buttonOne = document.getElementById("buttonOne");
var lineBreak = document.createElement("br");
buttonOne.parentNode.insertBefore(lineBreak, buttonOne.nextSibling);

＆＃13;

<button id="buttonOne"> click one me </button>
<button id="buttonTwo"> click on me too </button>

＆＃13;

尝试：

var buttonOne = document.getElementById("buttonOne");
var lineBreak = document.createElement("br");
buttonOne.parentNode.insertBefore(lineBreak, buttonOne.nextSibling);

Answer 2

after()应该这样做：

＆＃13;

var buttonOne = document.getElementById("buttonOne");
var lineBreak = document.createElement("br");
buttonOne.after(lineBreak);

＆＃13;

<button id="buttonOne"> click one me </button>
<button id="buttonTwo"> click on me too </button>

＆＃13;

如何在按钮之间换行

2 个答案: