[JavaScript DOM] append appendChild 차이

 

이번 포스팅에서는 자바스크립트를 이용해 웹문서를 조작할 때 사용하는 메소드 중 append와 appendChild의 차이에 대해서 정리해보려고 합니다. 두 메소드 모두 어떤 요소에 자식 요소를 추가하기 원할 때 사용하는 메소드인데, 둘 사이에는 사소한 듯하면서도 중요한(?) 차이가 몇 가지 존재합니다. 

 

append vs appendChild

 

1. 대표적인 차이점은 두 메소드의 이름만으로 예측 가능한 차이입니다. append를 이용하면 요소에 노드 객체 또는 DOM문자열을 자식 요소로 추가할 수 있지만, appendChild는 노드 객체만을 추가할 수 있습니다. 

 

append

appendChild

 

2. 또 한 가지 차이점은, appendChild의 경우 추가한 자식 노드를 반환하지만, append는 반환 데이터가 없다는 점입니다. 

 

append

appendChild

이상입니다. 오랜만에 올리는 글인데 너무 간단한 내용을 다룬 것 아닌가, 싶은 감이 있지만... 좀 더 자주 써야지 다짐하면서 마무리합니다. 

감사합니다.