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)

ボタンは上下ではなく、横に並んでいます。レベルごとに1つのボタンがあるようにしようとしています

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

それよりも

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

「\r\n」や「 &38」などのエスケープ文字を含む textnode を table_cell に追加しようとしましたが、どれも機能しません。

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 に答える