javascript - 表格单元格中每行一个按钮

Question

我正在尝试使用 JavaScript 将 2 个按钮放入表格单元格中

我有这样的东西:

var table_cell = document.getElementById("table_cell")
var button_A = document.createElement("input")
button_A.setAttribute("value","BUTTON A")
button_A.setAttribute("type","button")
var button_B = document.createElement("input")
button_B.setAttribute("value","BUTTON A")
button_B.setAttribute("type","button")
table_cell.appendChild(button_A)
table_cell.appendChild(button_B)

按钮并排排列，而不是一上一下。我正在努力做到每一层都有一个按钮

 _____________   
|  _________  |   
| |_________| |     
|  _________  |   
| |_________| |     
|_____________|  

而不是

 __________________________
|  _________   _________   |
| |_________| |_________|  |
|__________________________|

我曾尝试将文本节点附加到包含转义字符(如“\r\n”和“ &38”)的 table_cell，但均无效。

如果有JS的解决方案，我将不胜感激

Answer 1

使用 <br> 怎么样？按钮之间的标记

table_cell.appendChild(button_A);
table_cell.appendChild(document.createElement('br'));
table_cell.appendChild(button_B);