<html>
<body>
<body>
<table name="tab" id="tab">
<tr>
<td>测试</td>
<td>test</td>
</tr>
</table>
<input type="button" value="增加行" onclick="insert()"/>
<input type="button" value="删除行" onclick="del()"/>
<script>
function insert(){
var tab1=document.getElementById("tab");
var tr =tab1.insertRow();
var tb1 =tr.insertCell(0);
var tb2 =tr.insertCell(1);
tb1.innerHTML="<input type='text' name='username' id='username' value='新增列1'/>";
tb2.innerHTML="<input type='text' name='username' id='username' value='新增列2'/>";
}
function del(){
var alltr=document.getElementsByTagName("tr");
var tab=document.getElementById("tab");;
tab.deleteRow(alltr.length-1);
}
//insert()
</script>
</body>
</html>
分享到:
相关推荐
javascript 操作 table的一个例子. 可以下去研究下
javascript 操作 Table 排序!
javascript 操作table的特性.docx
对表格的行和列进行插入/删除,并对每行添加行号
JavaScript操作select JavaScript操作table
javascript操作table的特性 hello Cell 1,1 Cell 2,1 Cell 1,2 Cell 2,2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]可以直接点击页面的任何部分即可看到效果。
介绍了JavaScript操作table,可以新增行和列并且隔一行换背景色代码,有需要的朋友可以参考一下
使用javascript脚本向页面中的table添加和删除行
本篇文章主要介绍了javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法)需要的朋友可以过来参考下,希望对大家有所帮助
用于b/s前端表格数据排序的方法,使用javascript 操作table,可以选择对表格中任一部分进行排序的说
复制代码代码如下: <table cellSpacing=”0″ cellPadding=”0″ border=’1′ bordercolor=”black” xss=removed></table> 很多人都有这种经历:当某个td中没有内容或者没有可见元素时,td的border也会消失。解决...
主要介绍了javascript清空table表格的方法,涉及javascript操作table表格的技巧,需要的朋友可以参考下
主要介绍了JS获取Table中td值的方法,实例分析了javascript操作table中td的技巧,非常具有实用价值,需要的朋友可以参考下
主要介绍了javascript实现table选中的行以指定颜色高亮显示的方法,实例分析了javascript操作table表格元素与相关样式的技巧,需要的朋友可以参考下
NULL 博文链接:https://zhouhaitao.iteye.com/blog/1152968
最后我用的方法是新建一个table,并把源tr克隆到新table中,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 ...