我在堆栈溢出上看到了不同的答案，但似乎没有一个有效！
这是代码：
var input1 = document.createElement("input");
var input2 = document.createElement("input");
var input3 = document.createElement("input");
input1.setAttribute("type","checkbox");
input2.setAttribute("type","checkbox");
input3.setAttribute("type","checkbox");
var br = document.createElement("br");
var text1 = document.createTextNode("option1");
var text2 = document.createTextNode("option2");
var text3 = document.createTextNode("option3");
var se = document.getElementById("container");
input1.appendChild(text1);
input2.appendChild(text2);
input3.appendChild(text3);
se.appendChild(input1);
se.appendChild(br);
se.appendChild(input2);
se.appendChild(input3);<body>
<form>
<div id="container">
</div>
<br />
</form>
</body>我试图获得的是对应于每个输入元素的复选框，以垂直显示彼此重叠，其文本在右侧，在每行末尾有一个换行符。我想避免在 CSS 中使用 display： block 来输入元素。
希望对您有所帮助。
var input1 = document.createElement("input");
var input2 = document.createElement("input");
var input3 = document.createElement("input");
input1.setAttribute("type","checkbox");
input2.setAttribute("type","checkbox");
input3.setAttribute("type","checkbox");
var br1 = document.createElement("br");
var br2 = document.createElement("br");
var br3 = document.createElement("br");
var text1 = document.createTextNode("option1");
var text2 = document.createTextNode("option2");
var text3 = document.createTextNode("option3");
var se = document.getElementById("container");
se.appendChild(input1);
se.appendChild(text1);
se.appendChild(br1);
se.appendChild(input2);
se.appendChild(text2);
se.appendChild(br2);
se.appendChild(input3);
se.appendChild(text3);
se.appendChild(br3);<body>
<form>
<div id="container">
</div>
<br />
</form>
</body>