element.appendChild(newNode) 메서드에서 newNode 자체가 Dom의 노드인 경우 AppendChild 메서드는 더 이상
이 아닌 이동 작업을 수행합니다. 예:
]
왜냐하면 btn1 자체는 DOM A 노드에 있으므로 AppendChild 작업은 btn1을 복사하는 대신 btn4 뒤로 이동합니다.
이 기능을 사용하면 매우 적은 양의 코드로 대체 텍스트의 원활한 스크롤을 구현할 수 있습니다.
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다
]
ㅋㅋㅋ , 참 간단하지 않나요? 올해 5월에 CSDN에 이 방법을 게시했는데, JavaScript 매니아들 사이에서 많은 화제를 불러일으켰습니다
. 이 게시물은 CSDN 홈페이지 상단에 고정되어 300명이 되었습니다.
이 애플리케이션 외에도 테이블 정렬에 이 기능을 사용할 수 있습니다.
[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]
방법 도움이 많이 된다면 이 정렬은 매우 간단합니다.
더 많은 테이블 작업 방법과 고급 사용자 정의 테이블 정렬에 대해서는 내 CSDN의 다른 게시물을 참조하세요. (정렬은 또한appendChild를 사용하여 구현되며 Firefox와 호환됩니다.)
<script>
function f(){
document.body.appendChild(document.getElementById("btn1"))
}
</script><script>
// by Go_Rush(阿舜) from http://ashun.cnblogs.com/
var t=setInterval(myfunc,1000)
function myfunc(){ d.appendChild(d.firstChild)}
d.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval(myfunc,1000)}
</script><script>
// by Go_Rush(阿舜) from http://ashun.cnblogs.com/
function $A(arrayLike){
for(var i=0,ret=[];i<arrayLike.length;i++) ret.push(arrayLike[i]);
return ret
}
Array.prototype.each=function(f){for(var i=0;i<this.length;i++) f(this[i],i,this)}
window.onload=function(){
$A(document.getElementById("tbl").rows).sort(function(tr1,tr2){
return Number(tr1.cells[0].innerHTML)>Number(tr2.cells[0].innerHTML)?1:-1
}).each(function(tr){
document.getElementById("tbl").firstChild.appendChild(tr)
})
}
</script>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
