在网页中如何实现？一个表格，有加减两个按钮，点击按钮增加删除一行，如何实现
展开全部
<body>
<input type="button" onclick="javascript:addrow();" value="增加一行">
<input type="button" onclick="javascript:removerow();" value="删除尾行"><br><br>
<table id="table1" border="1" width="200">
<tr><td> </td><td> </td></tr>
</table><br>
<script language="javascript">
function addrow(){
var newrow = document.getElementById('table1').insertRow();
var newcel = newrow.insertCell();
newcel.innerHTML = newrow.rowIndex;
newcel = newrow.insertCell();
newcel.innerHTML = ' ';
}
function removerow(){
var o = document.getElementById('table1');
if(o.rows.length>1){
var remdobj = o.firstChild.removeChild(o.rows(o.rows.length-1));
}
}
</script>
</body>
<input type="button" onclick="javascript:addrow();" value="增加一行">
<input type="button" onclick="javascript:removerow();" value="删除尾行"><br><br>
<table id="table1" border="1" width="200">
<tr><td> </td><td> </td></tr>
</table><br>
<script language="javascript">
function addrow(){
var newrow = document.getElementById('table1').insertRow();
var newcel = newrow.insertCell();
newcel.innerHTML = newrow.rowIndex;
newcel = newrow.insertCell();
newcel.innerHTML = ' ';
}
function removerow(){
var o = document.getElementById('table1');
if(o.rows.length>1){
var remdobj = o.firstChild.removeChild(o.rows(o.rows.length-1));
}
}
</script>
</body>
追问
我试了试，怎么不行啊，大侠
追答
怎么可能呢,我是在IE8下亲测过的,如果你不是IE8,那可能是浏览器对DOM的解释差异造成的.最有可能的地方就是 o.firstChild.removeChild 这个地方, IE8认为表格里默认是有tbody的,不知道其它浏览是怎么解释的,没在其它浏览器下测试.
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
