JavaScript中,单击按钮如何自动增加表格的行数
发布网友
发布时间:2022-05-02 02:29
我来回答
共1个回答
热心网友
时间:2022-04-24 10:56
你的问题不够详细!是不是增加table的行数,即点击一个button后给指定的tabel增加一个tr?如果要增加tr必须要定义好tabel的格式,一个tr有几个td。
下面的代码可以直接使用,我已经在firefox下测试过,每点击一次就会添加一个tr。不够好的地方是不够美观。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function addTr(){
var tabel = document.getElementById("added");
var tr = document.createElement("tr");
var td = document.createElement("td");
var text = document.createTextNode("新添加的td");
td.appendChild(text);
tr.appendChild(td);
tabel.appendChild(tr);
}
</script>
</HEAD>
<BODY>
<input type="button" value="增加" onclick="addTr()">
<table id="added" border="2" cellspacing="8" backcolor>
<tr width="50px">
<td>
<font color="red">样例</font>
</td>
</tr>
</table>
</BODY>
</HTML>
JavaScript中,单击按钮如何自动增加表格的行数
你的问题不够详细!是不是增加table的行数,即点击一个button后给指定的tabel增加一个tr?如果要增加tr必须要定义好tabel的格式,一个tr有几个td。下面的代码可以直接使用,我已经在firefox下测试过,每点击一次就会添加一个tr。不够好的地方是不够美观。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML ...
js写一个的表格,通过点击按钮给表格增加一行
答案完善了一下,代码如下。其实这样有bug,但是比较容易修改,只要完善一下function addtab() 就行。 function addtab(){ var tcount=$("#tab tr").length; var tpl=''+tcount+'姓名年龄删除'; $("#tab").append(tpl); } function deltab(x){ $("#s"+x)...
怎么用js设置一个按钮点击按钮可以添加table的行
动态添加删除表格 <Script Language="Javascript"> var cGetRow=-99999;function AddRow(){ //添加一行 var newTr = tab1.insertRow();//添加两列 var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();//设置列内容和属性 newTd0.innerHTML = '';newTd1.innerText= '新...
js代码能不能点击表格任意一单元格得到那个单元格的行数?求解
当然可以,而且很简单,方法很多,你搜下rowIndex属性就出来了。你在单元格td上写个onclick =showRowIndex(this);然后点击的时候 触发方法 比如,function showRowIndex(ObjTd){ var objTr = ObjTd.parentElement;var rowNum = objTr.rowIndex;//如果要得到单元格 就用cellIndex } ...
JS 按钮点击增加一行多单元格表格问题请教
oTab.tBodies[0].appendChild(oTr);//将整个tr插入到表格中 } } 姓名: 年龄: ID 姓名 年龄 1 李四 23 2 王五 24 3 王海
javascript给html的表格添加行,并且每行添加一个onclick事件。要求点击...
function addRow() { var tb = document.getElementById("tb");var length = tb.rows.length;//该表格的总行数 var row = tb.insertRow(length);//在行末尾添加一行 row.ondblclick = function () { altRowNum1(row); } //为行添加双击事件 var c1 = row.insertCell(0);//添加单元格...
编写一段代码,如何用JS来实现插入几行几列的表格的功能,希望好心人能...
您也可以删除创建的所有表格,请点击按钮 js代码:/ 插入表格 param row 行数 param col 列数 return / function insertTable(row,col) { //页面要有个标签可以放即将创建的table,我用了div,你也可以用别的标签 var div = document.getElementById("container");var table = document....
用js实现点击按钮在html中增加一行内容,问题见详细!
" maxlength="40" > <lable>时间</lable> <lable>内容简介</lable>
js实现点击一个按钮,表格中某行变色,按钮的value与表格中列name值相同...
r1c2">第一行第二列 第二行第一列 第二行第二列 window.onload = function () { document.getElementById('button').onclick = function () { var tds = document.getElementsByTagName('td'); for (var i = 0; i < tds.length; i++) { var td = tds[...
...要求:用按钮对表格的行进行增删,并且增加的行数不能超过5行。。_百...
// 增加一行 var i=1;("#add").click(function(){ if(i<5){ var idval = 'tr'+i;var opp = 'td'+i;var tr = " ";(tr).appendTo("#table");} i++;});// 点击删除,则删除对应的行 ("#del").click(function(){ var tr_id = $("table>tbody>tr:last").attr...