Js获取table当前tr行的值、删除选定行、增加行的代码
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
下面的代码主要是学习控制表格里面的一些操作,代码都是直接写在表格里面的, 大家可以改成事件绑定的。
[code] <script language=javascript> var selectedTr=null; function c1(obj){ obj.style.backgroundColor='blue'; //把点到的那一行变希望的颜色; if(selectedTr!=null) selectedTr.style.removeAttribute("backgroundColor"); if(selectedTr==obj) selectedTr=null;//加上此句,以控制点击变白,再点击反灰 else selectedTr=obj; } /*得到选中行的第一列的值*/ function check(){ if(selectedTr!=null){ var str=selectedTr.cells[0].childNodes[0].value; document.getElementById("lab").innerHTML=str; } else{ alert("请选择一行"); } } /*删除选中行*/ function del(){ if(selectedTr!=null){ if(confirm("确定要删除吗?")){ alert(selectedTr.cells[0].childNodes[0].value); var tbody=selectedTr.parentNode; tbody.removeChild(selectedTr); } } else{ alert("请选择一行"); } } </script> 单击选中Tr,高亮显示,再单击取消选选中。 type=button value="删除选中行" onclick="del()"> [/code] 该文章在 2010/11/26 0:21:07 编辑过 |
关键字查询
相关文章
正在查询... |