如何交换表的行内容 [英] How to swap content of rows of a table
问题描述
嗨
我想根据点击的相应按钮向上或向下交换行内容。
Hi
I want to swap the content of rows up or down based on the corresponding button clicked.
推荐答案
嗨
我想交换根据点击的相应按钮向上或向下输入行的内容。
代码：
< table border =" 0" width =" 200">
< tr>
< td>名字< / td>< td>姓氏< / td>< ; td colspan =" 2"> Move< / td>
< / tr>
< tr>
< td> mukesh< / td>< td> kumar< / td>< td>< input type =" button" value =" up" />< / td>< td>< input type =" button" value =" down" />< / td>
< / tr>
< tr>
< td> ; jay< / td>< td> vishal< / td>< td>< input type =" button" value =" up" />< / td>< td>< input type =" button" value =" down" />< / td>
< / tr>
< tr>
< td> ; rocky< / td>< td> martin< / td>< td>< input type =" button" value =" up" />< / td>< td>< input type =" button" value =" down" />< / td>
< / tr>
< tr>
< td> ; joe< / td>< td> natsukan< / td>< td>< input type =" button" value =" up" />< / td>< td>< input type =" button" value =" down" />< / td>
< / tr>
< / table>
我该怎么做？
Hi
I want to swap the content of rows up or down based on the corresponding button clicked.
Code:
<table border="0" width="200">
<tr>
<td>first name </td><td>last name</td><td colspan="2">Move</td>
</tr>
<tr>
<td>mukesh </td><td>kumar</td><td><input type="button" value="up"/></td><td><input type="button" value="down"/></td>
</tr>
<tr>
<td>jay </td><td>vishal</td><td><input type="button" value="up"/></td><td><input type="button" value="down"/></td>
</tr>
<tr>
<td>rocky </td><td>martin</td><td><input type="button" value="up"/></td><td><input type="button" value="down"/></td>
</tr>
<tr>
<td>joe </td><td>natsukan</td><td><input type="button" value="up"/></td><td><input type="button" value="down"/></td>
</tr>
</table>
How can I do that?
拿走每个TD引用然后交换他们的innerHTML属性。
现在尝试一些代码，就像我说的那样。
Debasis Jana
Take each TD references then swap their innerHTML property.
Now try some code as I said.
Debasis Jana
嗨
交换行时遇到问题。此代码适用于将值交换到列。但是当我将值修改为行时它不起作用。它给出了运行时错误。你可以将tr id更改为td id并查看更改..
如果有人可能会发现错误或者是否可以提供sone代码片段
谢谢！
代码：
[HTML]< table border =" 1" id =" table">
< tr id =" tr1"的onclick = QUOT;交换（1）">
< td width =" 21" >第一个< / td>
< / tr>
< tr id =" tr2" onclick =" swap（2）">
< td width =" 23" > second< / td>
< / tr>
< tr id =" tr3" onclick =" swap（3）">
< td width =" 21"> third< / td>
< / tr>
< tr id =" tr4"的onclick = QUOT;交换（4）">
< td width =" 43" >四< / td>
< / tr>
< / table>
< input type =" button"的onclick = QUOT; getInnerHTML（）" value ="表行的警报innerHTML /> [/ HTML]
Hi
I got problem while swaping the rows. This code works fine for swapping values to column. but when I modified the value to row it is not working..It gives runtime error. you may change the tr id to td id and see the change..
If some one may please find out the error or if may give sone code snippet
thanks!
Code:
[HTML]<table border="1" id="table">
<tr id="tr1" onclick="swap(1)">
<td width="21" >first</td>
</tr>
<tr id="tr2" onclick="swap(2)">
<td width="23" >second</td>
</tr>
<tr id="tr3" onclick="swap(3)">
<td width="21">third</td>
</tr>
<tr id="tr4" onclick="swap(4)">
<td width="43" >four</td>
</tr>
</table>
<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" />[/HTML]
取每个TD参考然后交换他们的innerHTML属性。
现在尝试一些我说的代码。
Debasis Jana
Take each TD references then swap their innerHTML property.
Now try some code as I said.
Debasis Jana
嗨
这是我尝试的代码，但它在交换列元素时有效，但不适用于行。它给出了运行时错误。您可以将tr id更改为td id并查看效果。
我无法找出错误。
代码：
[HTML ]< table border =" 1" id =" table">
< tr id =" tr1"的onclick = QUOT;交换（1）">
< td width =" 21" >第一个< / td>
< / tr>
< tr id =" tr2" onclick =" swap（2）">
< td width =" 23" > second< / td>
< / tr>
< tr id =" tr3" onclick =" swap（3）">
< td width =" 21"> third< / td>
< / tr>
< tr id =" tr4"的onclick = QUOT;交换（4）">
< td width =" 43" >四< / td>
< / tr>
< / table>
< input type =" button"的onclick = QUOT; getInnerHTML（）" value ="表行的警报innerHTML />
< script type =" text / javascript">
var trno = 0;
var sw = false;
函数交换（i）
{
if（sw）
{
var tmp = eval（" tr" + i）.innerHTML;
eval（" tr" + i）.innerHTML = eval（" tr" + trno）.innerHTML;
eval（" tr" + trno）.innerHTML = tmp;
sw = false;
}
其他
{
sw = true;
trno = i;
} ;
};
函数getInnerHTML（）
{
var rows = document.getElementById（''table''）。getElementsB yTagName（''tr''）。length;
for（i = 1; i< = rows; i ++）
{
alert（document.getElementsByTagName（" td"）。item（*）。innerHTML）;
}
}
< / script> [/ HTML]
Hi
Here is the code which I tried but it works while swapping the column elements but not for rows. It is giving the runtime error. You may change the tr id to td id and see the effect.
I am not able to find out the error.
Code:
[HTML]<table border="1" id="table">
<tr id="tr1" onclick="swap(1)">
<td width="21" >first</td>
</tr>
<tr id="tr2" onclick="swap(2)">
<td width="23" >second</td>
</tr>
<tr id="tr3" onclick="swap(3)">
<td width="21">third</td>
</tr>
<tr id="tr4" onclick="swap(4)">
<td width="43" >four</td>
</tr>
</table>
<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" />
<script type="text/javascript">
var trno = 0;
var sw = false;
function swap(i)
{
if(sw)
{
var tmp = eval("tr"+i).innerHTML;
eval("tr"+i).innerHTML = eval("tr"+trno).innerHTML;
eval("tr"+trno).innerHTML = tmp;
sw = false;
}
else
{
sw = true;
trno = i;
};
};
function getInnerHTML()
{
var rows=document.getElementById(''table'').getElementsB yTagName(''tr'').length;
for(i=1;i<=rows;i++)
{
alert(document.getElementsByTagName("td").item(*). innerHTML);
}
}
</script>[/HTML]
这篇关于如何交换表的行内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
