innerHTML과 insertAdjacentHTML의 차이점

innerHTML :
지정된 객체에 포함된 HTML 코드 값을 나타내는 프로퍼티.

<script type="text/javascript">

window.onload = function(){

var obj = document.getElementById('div1');

alert(obj.innerHTML); // <b>안녕하세요</b> 출력

}

</script>

<div id="div1"> <b>안녕하세요</b> </div>

 

insertAdjacentHTML(sLoc, sText) :
지정된 객체에 HTML 코드를 추가하는 메소드.

sLoc : HTML 코드가 추가될 위치
sText : 추가될 HTML 코드

sLoc list :
beforeBegin : 지정된 객체의 바로 전에 삽입한다.
afterBegin : 지정된 객체가 시작되고 모든 다른 내용들 전에 삽입한다.
beforeEnd : 지정된 객체가 종료되기 전에 모든 다른 내용들 다음에 삽입한다.
afterEnd : 지정된 객체가 종료된 바로 다음에 삽입한다.

출처 : http://myham.net/wp/?p=31