jsp中有一个table,代码如下:
<table id="table1" border bordercolor='#0099ff' width="50%">
<tr>
<th colspan="3" bgcolor='#ccffff'>删除投票项1</th>
</tr>
<tr>
<th colspan="3" bgcolor='#ccffff'>删除投票项2</th>
</tr>
<tr>
<th colspan="3" bgcolor='#ccffff'>删除投票项3</th>
</tr></table>
我希望在第一行之前再插入一行空行,该如何做,好像是用innerHTML,不过具体不会实现,求教各位!!
<table id="table1" border bordercolor='#0099ff' width="50%">
<tr>
<th colspan="3" bgcolor='#ccffff'>删除投票项1</th>
</tr>
<tr>
<th colspan="3" bgcolor='#ccffff'>删除投票项2</th>
</tr>
<tr>
<th colspan="3" bgcolor='#ccffff'>删除投票项3</th>
</tr></table>
我希望在第一行之前再插入一行空行,该如何做,好像是用innerHTML,不过具体不会实现,求教各位!!
var table = document.getElementById('table1');
var blankTr = '<tr><th colspan="3" bgcolor='#ccffff'>空行</th></tr>';
table.innerHTML = blankTr + table.innerHTML;
function addRow(){
var addTable=document.getElementById("order");
var row_index=1; //新插入行在表格中的位置
//var row_index=addTable.rows.length-1; //新插入行在表格中的位置最后一行
var newRow=addTable.insertRow(row_index); //插入新行
newRow.id="row"+row_index; //设置新插入行的ID
var col1=newRow.insertCell(0);
col1.innerHTML="你好";
var col2=newRow.insertCell(1);
col2.innerHTML=row_index;
var col3=newRow.insertCell(2);
col3.innerHTML="¥49.00";
var col4=newRow.insertCell(3);
col4.innerHTML="<input name='del"+row_index+"' type='button' value='删除' onclick=\"delRow('row"+row_index+ "')\" />"; }基本就是这样了...