DOM 기초

자, DOM에서 어떻게 listener등을 걸치느냐!

 

 1 //-----------------------------------------------------
 2 // 엘리먼트 오브젝트
 3 //-----------------------------------------------------
 4 window.onload = function () {
 5     var okClick = document.getElementById('okClick');
 6     if (okClick.attachEvent) {
 7         okClick.attachEvent('onclick', Show.okClick);  // IE
 8     } else {
 9         okClick.addEventListener('click', Show.okClick, false);  // IE 이외
10     }
11 }
12 var Show = {
13     okClick: function(event) {
14         var sportObject = document.getElementById('likeSport');
15         var showOne = document.getElementById('show1');
16         showOne.innerHTML = '1. ' + sportObject;
17 
18         var addSportObject = document.getElementById('addSport');
19         var showThree = document.getElementById('show2');
20         showThree.innerHTML = '2. ' + addSportObject;
21     }
22 }

자자 그렇지? 

가장 중요한 것은