var j = 0;//为每个结点指定一个ID
td_length=3//定易每个TR包含3个TD
//添加一行
function add() {
var ob = document.getElementsByTagName("tbody")[0];//获取TBODY
var tr = document.createElement("tr");//创建一个TR结点
for (i = 0; i < td_length; i++) {
td = document.createElement("td");//创建TD结点
input = document.createElement("input");//创建一个<input>标签
if(i<2){//判断是否为前两个TD
input.setAttribute("type", "text");//设置此input的类型
input.setAttribute("value",j);//设置此文本框的值
}
else//最后一个TD
{
input.setAttribute("type","button");//设置此input的类型
// obj.addEventListener("click",functionA)//firefox中的INPUT,为对象绑定一个事件
//window.attachEvent("click",input,del());//ie中的INPUT,为对象绑定一个事件
input.onclick=function(){//通用INPUT,为对象绑定一个事件
del(this.parentNode.parentNode.id);//此对象上两级结点的ID
}
input.setAttribute("value","删除");//设置值
}
td.appendChild(input);//添加
tr.appendChild(td);//添加
}
tr.setAttribute("id",j++);//添加
ob.appendChild(tr);//为TR绑定ID
}
//删除行
function del(v)//V为TR的ID
{
alert(v)
document.getElementById(v).style.display="none";//设置不可见
}
详细解决方案
用JAVASCRIPT替表格增加行
热度:80 发布时间:2012-11-01 11:11:32.0
相关解决方案
- javascript ie6兼容的有关问题
- javascript window open在ie中设立不起作用,求解决
- 不走"<script type='text/javascript'>"标签咋回事
- <script type="javascript/text">的有关问题
- 用servlet+jsp+javascript+jdbc做个简单的办公自动化系统流程,该如何解决
- javaScript = == ===区别,该怎么解决
- javascript 怎么验证name=xx.xx的radio表单
- javascript,该怎么处理
- javascript,该如何处理
- javascript 选中文字 但是保存样式 标签
- 新人求问,J2EE方向,html,css,javascript,vml要学到什么程度?解决思路
- javascript 请求servlet兑现将函数中定义的变量作为参数
- javascript 不懂,该如何处理
- javascript 不懂解决方法
- JavaScript 大局函数求实例,高分求
- javaScript 里面 如何知道Object 对象的长度
- javascript 中文本框中数字如何比较
- javascript IE通过,火狐,google浏览器不过解决思路
- Chrome Javascript Click 事件,该如何解决
- javascript 绑定服务器控件 事件,该如何解决
- javascript 经过加密压缩 怎么解压缩
- JavaScript 怎么获取Table中的某个<span> 的值
- javascript 正则表达式 请用小写字母和数目字,首字母必须为字母,长度5-15
- JavaScript 请问一个思路有关问题,当按下鼠标左键,在屏幕上滑动时,会触发什么事件
- javascript 正则Replace,该怎么处理
- javascript 可以实现登录按钮的功能吗?解决办法
- JavaScript 哈希表赋值的有关问题
- JavaScript 除法,希望得到整数解决思路
- 怎么遍历页面中所有div javascript ?
- javascript 函数有关问题