用javascript实现在被点击的行下面插入一行
发布网友
发布时间:2022-04-24 13:50
我来回答
共2个回答
热心网友
时间:2022-04-24 15:19
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function addRow() {
myTable.outerHTML=myTable.outerHTML.replace(/<\/table>/i,(myTable.rows[myTable.rows.length-1].outerHTML)+"</table>");
myTable.rows[myTable.rows.length-1].cells[0].innerText++;
}
</SCRIPT></head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffcc00" align="center" id="myTable">
<th>字段1</th>
<tr onclick="addRow()">
<td>1 </td>
</tr>
</table>
</form>
</body>
</html>
用javascript实现在被点击的行下面插入一行
<SCRIPT LANGUAGE="JavaScript"> function addRow() { myTable.outerHTML=myTable.outerHTML.replace(/<\/table>/i,(myTable.rows[myTable.rows.length-1].outerHTML)+"");myTable.rows[myTable.rows.length-1].cells[0].innerText++;} </SCRIPT> 字段1 <...
如何利用JAVASCRIPT在当前行下插入行
<HTML> <HEAD> <TITLE> New Document </TITLE> function add(){ var row = event.srcElement.parentElement.parentElement;var table = event.srcElement.parentElement.parentElement.parentElement;var newrow = table.insertRow(row.rowIndex+1);var newTd0 = newrow.insertCell();var newTd1...
js点击tr后 在tr下面加一行tr ,再点就隐藏?
i<trs.length;i+=2){ (function(i){ trs[i].onclick=function(){ for(var j=0;j<trs.length;j+=2){ if(j==i){ if(trs[j+1].style.display!="table-row"){ trs[j+1].style.display="table-row"; }else{ trs[j+1].style....
我想在一个表格里面特定的tr后面增加一行,用javascript应该如何做...
0 1 在此行下插入新行 2 function instTR(){ var tab=document.getElementById('tab');var n=document.getElementById('x').rowIndex+1;var tr=tab.insertRow(n);var td=tr.insertCell(0);td.innerHTML='new '+Math.random();} ...
急求:javascript如何在表格的下一行添加一行
function add(){ var tbl = document.getElementById("myTable"); var obj = tbl.insertRow(tbl.rows.length); obj.insertCell().innerHTML = "1"; obj.insertCell().innerHTML = "2"; obj.insertCell().innerHTML = "3"; obj.onmouseover=function(){markThisTr(obj)}...
想在一个表格里面特定的tr后面增加一行,用javascript应该如何做?_百度...
1 在此行下插入新行 2 function instTR(){ var tab=document.getElementById('tab');var n=document.getElementById('x').rowIndex+1;var tr=tab.insertRow(n);var td=tr.insertCell(0);td.innerHTML='new '+Math.random();} ...
js如何实现点击新增按钮之后自动增加一行,最多增加四行
利用table的head or footer javascript时,复制 table.tfoot.tr 即可。删除时,删除tbodies.tr即可。
怎么用js设置一个按钮点击按钮可以添加table的行
//添加一行 var newTr = tab1.insertRow();//添加两列 var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();//设置列内容和属性 newTd0.innerHTML = '';newTd1.innerText= '新增加行';} function DelRow(iIndex){ //删除一行 if(iIndex==-99999)alert("系统提示...
用原生JS脚本如何为Table添加行?
添加一个按钮,用来点击添加新的table行, input type="button" class="btn btn-primary" value="原生JS添加Table行" onclick="add_tr()" / 要为table添加行tr, 我们可以用document对象的createElement方法,先生成tr对象, var tr = document....
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);//添...