[英]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.