想在一个表格里面特定的tr后面增加一行,用javascript应该如何做?_百度...
发布网友
发布时间:2022-04-27 13:26
我来回答
共1个回答
热心网友
时间:2022-05-17 03:06
给你个简单的示例吧
<body>
<table id="tab">
<tr><td>0</td></tr>
<tr id="x"><td>1 在此行下插入新行</td></tr>
<tr><td>2</td></tr>
</table><br>
<input type="button" onclick="javascript:instTR()" value="插入行">
<script type="text/javascript">
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();
}
</script>
</body>
想在一个表格里面特定的tr后面增加一行,用javascript应该如何做?_百度...
给你个简单的示例吧\x0d\x0a\x0d\x0a\x0d\x0a0\x0d\x0a1在此行下插入新行\x0d\x0a2\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0afunctioninstTR(){\x0d\x0avartab=document.getElementById('tab');\x0d\x0avarn=document.getElementById('x').rowIndex+1;\x0d\x0...
想在一个表格里面特定的tr后面增加一行,用javascript应该如何做?_百度...
<tr id="x"><td>1 在此行下插入新行</td></tr> <tr><td>2</td></tr> </table><br> <input type="button" onclick="javascript:instTR()" value="插入行"> <script type="text/javascript"> function instTR(){ var tab=document.getElementById('tab');var n=document.getEle...
我想在一个表格里面特定的tr后面增加一行,用javascript应该如何做...
<tr id="x"><td>1 在此行下插入新行</td></tr> <tr><td>2</td></tr> </table><br> <input type="button" onclick="javascript:instTR()" value="插入行"> <script type="text/javascript"> function instTR(){ var tab=document.getElementById('tab');var n=document.getEle...
js点击tr后 在tr下面加一行tr ,再点就隐藏?
<style> tr:nth-child(odd){ height:70px; background-color:#0f9 } tr:nth-child(even){ display:none; height:60px; background-color:#c3c }</style><script>window.onload=function(){ var trs=document.getElementsByTagName("tr"); for(var i=0;...
用javascript实现在表格中添加新行的同时添加内容。需要怎么改。_百度...
tr.width='100px';tr.height='30px';var button=document.createElement("input");button.type="button";button.id="bt1";button.value="点击我,在我之前插入文本框";tr.appendChild(button);button.onclick=function(){ var input=document.createElement("input");input.type="text";this....
JavaScript中,单击按钮如何自动增加表格的行数
下面的代码可以直接使用,我已经在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 = ...
js中如何动态给一个表格中的某一个单元格添加一个超链接作为单元格内容...
思路:获取行对象→获取列对象→使用innerHTML为单元格添加超链接内容,实例演示如下:1、HTML结构 <table id = "test"><tr><td>1</td><td>1</td><td>2</td><td>3</td></tr><tr><td>2</td><td>4</td><td>5</td><td>6</td></tr><tr><td>3</td><td>7</td><td>8...
如何用javascript更改table里tr的内容
getElementById只是获取id属性值为"tr"的标签 getElementsByTagName可以获取标签名为"tr"的一个数组。PS:注意getElementsByTagName中Element后面有个s 哦没有注意你的错误提示。因为innerHTML对table表格的兼容性很差。所以在table里尽量避免用这个。。。你在外面加个DIV。然后在DIV里面去改就可以了 ...
急求: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)}...
用javascript实现在被点击的行下面插入一行
<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...