23.01.06

addEventListener()

document.getElementById('btn').addEventListener('click',function() {
    console.log('test');
});

호환되지 않는 브라우저 존재(IE 6,7,8)
여러개의 이벤트 사용가능.

<->onclick - 하나의 이벤트만 사용가능

요소 추가

js에서 html요소 추가 가능

createElement()

let li = document.createElement('li');

<li> 노드 생성

createTextNode()
appendChild()

let txtNode = document.createTextNode("텍스트");
li.appendChild(txtNode);	

텍스트 노드 생성

<li> 노드에 텍스트 노드 붙이기
<li>텍스트<li>