드럼치는 프로그래머

var newTH = document.createElement('th'); newTH.innerHTML = 'Hello, World!'; newTH.onclick = function () { this.parentElement.removeChild(this); }; var table = document.getElementById('content'); table.appendChild(newTH); Working example: http://jsfiddle.net/23tBM/ You can also just hide with this.style.display = 'none'. [출처] http://stackoverflow.com/questions/11017509/add-onclick-event-to-docum..

웹개발에서 대부분의 자바스크립트의 작업이 DOM을 조작하는 일로 이루어진다. 문서의 특정 태그엘리먼트에 접근하여 이벤트를 주거나 class명을 변경, 내용을 채워넣는(innerHTML)일등을 하기위해선 그 특정 태그엘리먼트를 쉽게 찾을수 있어야 하는데 이때 사용 되어지는게 Selector 이다. jQuery에서 사용되는 Sizzle CSS Selector Engine은 현재 가장 빠른 속도를 자랑하기도 한다. 자주 사용하는 기본 셀렉터 태그 셀렉터$('div'); //모든 div 태그엘리먼트를 가지고 온다 id 셀렉터$('#daum'); // id="daum" 엘리먼트를 가지고 온다 class 셀렉터$('.bar'); // class="bar" 엘리먼트를 가지고 온다 Multiple 셀렉터$('div',..