2

我正在尝试使用 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)

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

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

而不是

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

我尝试在 table_cell 上附加一个文本节点，其中包含“\r\n”和“ &38”等转义字符，但没有一个有效。

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

4

4 回答 4

1

如何<br>在按钮之间使用标签

table_cell.appendChild(button_A);
table_cell.appendChild(document.createElement('br'));
table_cell.appendChild(button_B);
于 2013-03-05T21:45:46.910 回答
1

你可以这样做：

button_A.style.display = 'block';
button_B.style.display = 'block';

但使用 CSS 可能是最好的：

input[type="button"] {
    display:block;
}
于 2013-03-05T21:45:58.127 回答
0 
table_cell.appendChild(button_A)
table_cell.appendChild(document.createElement("br"))
table_cell.appendChild(button_B)
于 2013-03-05T21:44:58.257 回答
0

添加换行符 ( <br />) 元素：

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");
var newline = document.createElement("br"); // <-- Add a newline
table_cell.appendChild(button_A);
table_cell.appendChild(newline); // <-- and append
table_cell.appendChild(button_B);

jsFiddle 示例

于 2013-03-05T21:46:21.200 回答