javascript - 如何将添加的元素每行放置到DOM中

我有这些领域。



当我点击按钮“添加”时，我想在其他下方添加新的输入框。

码：

var newWaypoint = document.createElement("INPUT");
newWaypoint.setAttribute("type", "text");
newWaypoint.setAttribute("class", "waypoints-field");
newWaypoint.setAttribute("id", "waypoint"+i);
document.getElementById("addressbox").appendChild(newWaypoint);
i++;

第一次运行正常，但是在下一次单击结果之后是：



如何将每个输入放在单独的行上？

最佳答案

您可以尝试：

newWaypoint.style.display = 'block';

这样，您可以通过代码以编程方式添加样式，而不是将其与外部CSS文件耦合。

关于javascript - 如何将添加的元素每行放置到DOM中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41505054/