자바스크립트에서 사용되는 API 이다.
함수 |
설 명 |
getElementById( ) |
특정 id 속성값에 해당하는 요소를 반환 |
getElementsByName( ) |
특정 name 속성값에 해당하는 요소를 반환 |
getElementsByTagName( ) |
특정 태그 이름과 일치하는 모든 요소를 반환 |
getElementsByTagNameNS() |
태그의 name 속성의 값과 일치하는 모든 요소를 반환 |
querySelector() |
페이지내에서 특정 선택자 규칙과 일치하는 첫 번째 요소를 반환 |
querySelectorAll() |
특정 선택자 규칙 또는 여러 규칙과 일치하는 모든 요소를 반환 |
Selector API를 이용해 DOM 트리로부터 HTML DOM 객체를 가져오기 위해서는 자바스크립트 코드 실행이 HTML 문서가 파싱된 다음 실행되어야 함
HTML 문서가 파싱되기 전에 자바스크립트 코드가 실행되면 Selector API로 HTML DOM 객체를 DOM Tree 에서 찾지 못함
자바스크립트 코드가 HTML 파싱이 완료된 다음 실행되게 하기 위해서는 ....
1. 자바스크립트 코드를 외부 파일로 작성했을 경우 defer 속성을 부여함
<script src="xxx.js" defer></script>
2. HTML 문서 본문의 맨 아래 <script>코드를 이용하여 자바스크립트 코드를 작성함
3. <script>요소를 이용해 자바스크립트 코드를 <head>요소에 포함시킬 수 있는데
onload 이벤트를 이용하여 페이지가 로드된 다음 자바스크립트 코드가 실행되도록 함
'Web 프로그램 > js, jQuery' 카테고리의 다른 글
| [자바스크립트] 체크박스 개수 카운트하기 (0) | 2015.05.29 |
|---|---|
| [자바스크립트] getElementsByName 사용하여 체크박스 checked 구하기 (0) | 2015.05.28 |
| jQuery 개념 이해 ★★★★ (0) | 2015.04.01 |
| 이클립스를 사용하여 HTML5, JSP 코드 연습 (0) | 2015.03.27 |
| 자바스크립트 비교 연산자 및 논리연산자 (0) | 2015.03.25 |
Link2Me