getElementsByTagName

7. getElementsByTagName / getElementsByClassName / getElementById

먼저 document 객체란, 웹페이지 그 자체를 의미하며 웹페이지의 HTML 요소에 접근하기 위해서는 반드시 document 객체로부터 시작해야한다. 보통 HTML은 단순 정보를 주기 위함이고, 자바스크립트를 쓰는 이유는 HTML을 제어하기 위함이다. 제어를 하기 위해서는 제어대상을 찾고 그 대상에게 작업을 한다. 웹페이지의 HTML 요소에 접근하기 위해 document 라는 객체를 사용하고 이 객체의 메소드 중 getElementByTagName을 살펴본다. 말 그대로 태그 이름을 통해 엘리먼트를 가져온다 라는 뜻이다. 예제 코드를 보면, HTML CSS JavaScript ul 태그를 만들고 그 안에 li 태그들을 만들었다. script 안의 내용을 보면, li 라는 태그에 대한 엘리먼트들의 리턴값..