Question

我在Stack Overflow上看到了不同的答案，但似乎都没有用！

以下是代码：

＆＃13;

<body>
    <form>
      <div id="container">
      </div>
      <br />
    </form>
</body>

＆＃13;

int my_wrapper(char * configstr);

＆＃13;

我想要获得的是与每个输入元素对应的复选框，它们在彼此的顶部垂直显示，文本在右边，每行末尾有一个换行符。我想避免在CSS中使用display：block作为输入元素。

Answer 1

希望这会对你有所帮助。

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>

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

1 个答案: