如何在JavaScript中创建新行？

Question

我已将一个文本框添加到div区域。但是我希望它在执行该操作后转到该div中的新行，因此我的for循环会打印一列文本框而不是一行。

我试过了：

<div id="timearea"> </div>
var br = '<br/>';
br.appendTo("#timearea");

然而，这不起作用。代码是什么？

Answer 1

您需要使用createElement()方法创建元素，然后使用appendChild()方法将子元素附加到元素

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

Answer 2

我建议您将CSS样式应用于div，以控制它们的布局方式。您可以将样式添加到样式内联或（最好）添加类以通过JavaScript分配样式。

display属性控制流量 - display:block应该执行此操作。

.my_block_class {
  display:block;
}

然后，您可以使用so之类的JavaScript添加该类：

document.getElementById("timearea").className += "my_block_class";

或者，如果你想在没有课程的情况下这样做：

document.getElementById("timearea").style.display = "block";

Answer 3

不确定您的意思是textarea还是input type="text"，但无论如何，最好在CSS中执行此操作。在CSS文件或内联样式描述中添加：

#timearea input {
  display:block;
}

如果是要添加的input元素，或者：

#timearea textarea {
  display:block;
}

如果是textarea。