其实很简单,就是使用outerHTML来实现的,看代码吧 在ie中表现不错,据说在firefox上不行,没办法了,没有firefox,等我转行做web再说吧
drag a link to here I
drag a link to here II
drag a link to here III
<script> function swapobj(a,b) { var c = a.outerHTML; a.outerHTML = b.outerHTML; b.outerHTML = c; } function dropend() { var obj = event.srcElement;//拖动开始的元素 var src =document.elementFromPoint(event.clientX, event.clientY);//拖动结束点的元素 //只处理A,所以有下面的代码 while(src && src.tagName != "A") src = src.parentElement; //alert(src.outerHTML); if(src && src.tagName == "A" && src != obj) { swapobj(obj,src); } } </script>
drag a link to here II
drag a link to here III
<script> function swapobj(a,b) { var c = a.outerHTML; a.outerHTML = b.outerHTML; b.outerHTML = c; } function dropend() { var obj = event.srcElement;//拖动开始的元素 var src =document.elementFromPoint(event.clientX, event.clientY);//拖动结束点的元素 //只处理A,所以有下面的代码 while(src && src.tagName != "A") src = src.parentElement; //alert(src.outerHTML); if(src && src.tagName == "A" && src != obj) { swapobj(obj,src); } } </script>