try something like this:<script language="javascript">
var dragElement;
function document.ondragstart()
{
if (event.srcElement.tagName == "TD")
{
dragElement = event.srcElement.parentElement;
}
}function document.ondragend()
{
dragElement = null;
}function ProcessDrop()
{
if ( dragElement != null && event.srcElement.tagName == "TD" )
{
var objRow = event.srcElement.parentElement;
var newRow = objRow.parentElement.insertRow(objRow.rowIndex);
for (var i=0; i < dragElement.cells.length; i++)
{
var cell = newRow.insertCell();
cell.innerHTML = dragElement.cells[i].innerHTML;
} dragElement.parentElement.deleteRow(dragElement.rowIndex);
dragElement = null;
}
}
</script>
table 1:
<table border="1" cellspacing="0" cellpadding="0">
<tr><td>hello world1</td><td>beijing china</td></tr>
<tr><td>hello world2</td><td>beijing china</td></tr>
</table>table 2:
<table border="1" cellspacing="0" cellpadding="0" ondrop="ProcessDrop();" ondragenter="window.event.returnValue = false" ondragover="window.event.returnValue = false">
<tr><td>11111111111</td><td>b2222222</td></tr>
<tr><td>3333333333333</td><td>b2222222</td></tr>
<tr><td>44444444444</td><td>b2222222</td></tr>
<tr><td>555555555555</td><td>b2222222</td></tr>
</table>
var dragElement;
function document.ondragstart()
{
if (event.srcElement.tagName == "TD")
{
dragElement = event.srcElement.parentElement;
}
}function document.ondragend()
{
dragElement = null;
}function ProcessDrop()
{
if ( dragElement != null && event.srcElement.tagName == "TD" )
{
var objRow = event.srcElement.parentElement;
var newRow = objRow.parentElement.insertRow(objRow.rowIndex);
for (var i=0; i < dragElement.cells.length; i++)
{
var cell = newRow.insertCell();
cell.innerHTML = dragElement.cells[i].innerHTML;
} dragElement.parentElement.deleteRow(dragElement.rowIndex);
dragElement = null;
}
}
</script>
table 1:
<table border="1" cellspacing="0" cellpadding="0">
<tr><td>hello world1</td><td>beijing china</td></tr>
<tr><td>hello world2</td><td>beijing china</td></tr>
</table>table 2:
<table border="1" cellspacing="0" cellpadding="0" ondrop="ProcessDrop();" ondragenter="window.event.returnValue = false" ondragover="window.event.returnValue = false">
<tr><td>11111111111</td><td>b2222222</td></tr>
<tr><td>3333333333333</td><td>b2222222</td></tr>
<tr><td>44444444444</td><td>b2222222</td></tr>
<tr><td>555555555555</td><td>b2222222</td></tr>
</table>
终于使用了一个笨方法,就是每行都加一个小图来进行拖放,也不需要选择文本了