js 네이티브appendChild_javascript 스킬 버그 해결 경험 공유

AppendChild는 주로 끝에 노드를 추가하는 데 사용됩니다.

코드 복사 코드는 다음과 같습니다.

window.onload = function(){
var ul2 = document.getElementById('ul2')
var oli = document.getElementsByTagName('li'); ;oli.length;i ){
ul2.appendChild(oli[i])
}
}

ID가 ul1인 콘텐츠를 ul2

>

• 1


• 2


• 3
• 4


• 6

ul2">



ul1의 내용을 ul2에 삽입합니다. 이는 실제로 복사하는 것이 아니라 이동하는 것입니다. 기억하세요
효과를 확인할 수 있습니다
이유 이 효과는 루프 도중 계속해서 움직여서 길이가 바뀌기 때문에 발생합니다. for를 사용하면 시작 길이가 고정되어 문제가 있으므로

로 변경해야 합니다.

코드 복사

코드는 다음과 같습니다. while(oli.length){ ul2.appendChild(oli[0] ); }

첫 번째가 삽입되었으므로 시도해 볼 수 있습니다.