TIL 035 JavaScript:DOMとイベント

1. DOM(Document Object Model)

DOMは、HTMLページとスクリプト言語(JS)を接続します.

2.なぜHTMLにアクセスするのですか?

1)要素コンテンツへのアクセスによる変更

document.body.innerHTML = '내용 다 바꿈';

2)特定の要素へのアクセスによる変更

let blueElement = document.querySelector('.blue');
blueElement.style.backgroundColor = 'blue';

3. Event

4. addEventListener

요소.addEventListener(이벤트종류, function() {
  //이벤트가 일어났을 때 실행할 내용
});