推荐去看下。
http://topic.csdn.net/T/20060315/10/4615271.html
http://topic.csdn.net/T/20060315/10/4615271.html
解决方案 »
- [Extjs]tab panel内的gridpanel不能自动适应高度
- jscript正则是否支持lookbehind方式,活着自定义match方式
- 如何创建上下文菜单,在线等!!!
- jbpm4.x 基于web页面的工作流设计器
- (高难度问题)第一首歌曲播放结束,自动播放下一首?
- 如何得到函数名?
- 请问怎么实现象MSDN上那样树和右边的分隔栏是可以左右拖动的?
- 请问高手--怎样提交<select multiple>..<option>..</select>多选框(用ctrl多选)内容
- 请教一个窗口问题!!——————我先谢谢了!!
- 更改百度搜索表单
- 请教FF下的window.innerWidth在IE下是什么属性?
- 求助:htmlfile: 未知的运行时错误 ?
zz.parentElement.parentElement.removeNode(true);
//以前用这个来删除本行。现在想要删除当前行以及当前行下面的二行。这应当怎么样?
}
你看没看就说没有?
<table border="1">
<tbody id="wc">
</tbody>
</table>
<script type="text/javascript">
var wc = document.getElementById("wc"), row, cell;
row = wc.insertRow(0);
row.insertCell(0).innerHTML = "0";
row.insertCell(1).innerHTML = "1";
row.insertCell(2).innerHTML = "2";
row.insertCell(3).innerHTML = "3";
row.insertCell(4).innerHTML = "4";
row = wc.insertRow(1);
row.insertCell(0).innerHTML = "0";
row.insertCell(1).innerHTML = "1";
cell = row.insertCell(2);
cell.colSpan = 3;
cell.innerHTML = "2";
window.setTimeout("wc.removeChild(row)", 1000);
</script>
---
sorry,看是看了。里面没有写cell.colSpan吧,所以...不知道可以cell.colSpan这样用。呵呵。大哥,莫生气啊。
比如下面这个。怎么在delrow那个按钮上删除一次2,3行
现在只删除本行
----
<table border="1">
<tbody id="wc">
</tbody>
</table>
<script type="text/javascript">
var wc = document.getElementById("wc"), row, cell;
row = wc.insertRow(0);
row.insertCell(0).innerHTML = "1";
row.insertCell(1).innerHTML = "a";
row.insertCell(2).innerHTML = "a";
row.insertCell(3).innerHTML = "a";
row.insertCell(4).innerHTML = "a";
row = wc.insertRow(1);
row.insertCell(0).innerHTML = "2";
row.insertCell(1).innerHTML = "<input type='button' value='delrow' name='delrow' onclick='delrows(this);'>";
row.insertCell(2).innerHTML = "a";
row.insertCell(3).innerHTML = "a";
row.insertCell(4).innerHTML = "a";
row = wc.insertRow(2);
row.insertCell(0).innerHTML = "3";
row.insertCell(1).innerHTML = "a";
row.insertCell(2).innerHTML = "a";
row.insertCell(3).innerHTML = "a";
row.insertCell(4).innerHTML = "a";
row = wc.insertRow(3);
row.insertCell(0).innerHTML = "4";
row.insertCell(1).innerHTML = "a";
//cell = row.insertCell(4);
//cell.colSpan = 3;
//cell.innerHTML = "2";
//window.setTimeout("wc.removeChild(row)", 1000);
function delrows(zz)
{
zz.parentElement.parentElement.removeNode(true);
}</script>
<tbody id="wc">
</tbody>
</table>
<script type="text/javascript">
var wc = document.getElementById("wc"), row, cell;
row = wc.insertRow(0);
row.insertCell(0).innerHTML = "1";
row.insertCell(1).innerHTML = "a";
row.insertCell(2).innerHTML = "a";
row.insertCell(3).innerHTML = "a";
row.insertCell(4).innerHTML = "a";
row = wc.insertRow(1);
row.insertCell(0).innerHTML = "2";
row.insertCell(1).innerHTML = "<input type='button' value='delrow' name='delrow' onclick='delrows(this);'>";
row.insertCell(2).innerHTML = "a";
row.insertCell(3).innerHTML = "a";
row.insertCell(4).innerHTML = "a";
row = wc.insertRow(2);
row.insertCell(0).innerHTML = "3";
row.insertCell(1).innerHTML = "a";
row.insertCell(2).innerHTML = "a";
row.insertCell(3).innerHTML = "a";
row.insertCell(4).innerHTML = "a";
row = wc.insertRow(3);
row.insertCell(0).innerHTML = "4";
row.insertCell(1).innerHTML = "a";
//cell = row.insertCell(4);
//cell.colSpan = 3;
//cell.innerHTML = "2";
//window.setTimeout("wc.removeChild(row)", 1000);
function delrows(zz)
{
wc.removeChild(zz.parentNode.parentNode);
wc.deleteRow(0);
}</script>
但是我现在按钮上是想 单击时 delrow按钮时删除按钮本行及按钮的下一行。
wc.deleteRow(0); //现在删除的是表格的第一行。现在问题就是:怎么获取按钮所在的行?谢谢了
alert(zz.parentNode.parentNode.rowIndex);
wc.removeChild(zz.parentNode.parentNode);
//wc.removeChild(zz.parentNode.parentNode);
var this_row = zz.parentNode.parentNode;
var next = this_row.nextSibling, previous = this_row.previousSibling;
remove(next); //删除下一行
remove(previous); //删除前一行
remove(this_row.childNodes[0]);
}
function remove(o) {
if (o) o.parentNode.removeChild(o);
}