문서 객체 연결

   <script type="text/javascript">
        window.onload = function () {
            var header = document.createElement('h1');
            //문서 객체 header 생성
            var textNode = document.createTextNode('Hello DOM');
            // 문서객체 hello dom 생성

            header.appendChild(textNode);
            // header 문서 객체에 textnode 문서 객체 노드 연결
            document.body.appendChild(header);
            // body 문서 객체에 header 문서객체 추가
        };
    </script>

 

Hello DOM