繁体   English   中英

如何在JavaScript中输入元素后的文本节点后添加换行符

[英]How to add a line break after a text node after an input element in javascript

我已经在Stack Overflow上看到了不同的答案,但是似乎都没有用!

这是代码:

 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:块作为输入元素。

希望这对您有所帮助。

 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> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM