엘리스 AI트랙 2기 수업 정리 Event란? - HTML 요소에 대한 사건의 발생 (ex. 마우스의 움직임 등) 이벤트 타입 - 폼, 키보드, 마우스, HTML DOM 등 //마우스 클릭 이벤트 click! 이벤트 핸들러 - 이벤트가 발생했을 때 그 처리를 담당한다. - 지정된 이벤트가 발생하면, 웹 브라우저는 해당 요소에 등록된 이벤트 핸들러를 실행시킨다. let btn = document.getElementById("foo"); //버튼 function showText(){ document.getElementById("text").innerHTML = "메롱"; } // 매개변수에 이벤트이름, 이벤트 발생시 실행되는 함수 // btn에 click이라는 이벤트가 추가됨 btn.addEventListe..
JavaScript
엘리스 AI트랙 2기 수업 내용 정리 DOM이란? - Document Object Model - 객체 지향 모델로 구조화된 문서를 표현하는 방식을 말한다. DOM의 트리 구조 HTML의 부모자식 관계를 나타낸 것 Document Method HTML 요소를 선택하기 위한 메소드 document.getElementById() //해당 아이디의 요소 선택 document.getElementByClassName() //해당 클래스에 속한 요소 선택 document.getElementByName() //해당 name을 갖는 요소 선택 document.querySelectorAll() //해당 선택자로 선택되는 요소를 모두 선택 document.querySelector() //해당 선택자로 선택되는 요소를 1개만..
