请教一个JS动态添加表格行的操作,,,
我是这样做的...<script>functionaddRow(obj){//添加一行varnewTr=testTbl.insertRow();//添加两列varnewT...
我是这样做的...
<script>
function addRow(obj)
{
//添加一行
var newTr = testTbl.insertRow();
//添加两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
//设置列内容和属性
newTd0.innerHTML = '<input type=checkbox id="box4">';
newTd1.innerText= '新加行';
}
</script>
但是我的表格里的第一列都是 行标题 <th scope="row"></th> 而不是<TD></TD>
请问该怎么插入?
补充下,我是要插入 这样 的<th scope="row"></th>
而不是<th></th> 展开
<script>
function addRow(obj)
{
//添加一行
var newTr = testTbl.insertRow();
//添加两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
//设置列内容和属性
newTd0.innerHTML = '<input type=checkbox id="box4">';
newTd1.innerText= '新加行';
}
</script>
但是我的表格里的第一列都是 行标题 <th scope="row"></th> 而不是<TD></TD>
请问该怎么插入?
补充下,我是要插入 这样 的<th scope="row"></th>
而不是<th></th> 展开
展开全部
标准的表格操作，并没有 innerCell() 的，innerRow 是添加一行，innerCell 只在部分浏览器中可以实现，不过现在大部分都支持 innerCell();
<!DOCTYPE HTML>
<html>
<body>
<table>
<tbody id="tab">
</tbody>
</table>
</body>
</html>
<script type="text/javascript">
window.onload = function() {
// 为 id = tab 的控件添加一行 <tr></tr>
var row = tab.insertRow(-1);
// 创建 th 列
var cell_0 = document.createElement("th");
// 设置他的 scope 属性为 row，设置他的 innerHTML 为 title
cell_0.setAttribute("scope", "row");
cell_0.innerHTML = "title";
var cell_1 = document.createElement("th");
cell_1.setAttribute("scope", "row");
cell_1.innerHTML = "name";
// 把创建好的 cell_0 和 cell_1 添加到 行中
row.appendChild(cell_0);
row.appendChild(cell_1);
// 打印出当前 id=tab 的内容，可以看到， <tr><th scope="row">title</th><th scope="row">name</th></tr>
alert(tab.innerHTML);
};
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
