728x90
getElementById란?
자바스크립트 코드에서 사용되며 HTML내의 해당되는 아이디를 가지고 있는 태그를 불러오는 역할을 하는 함수이다.
또한 불러온 특정 태그의 여러 요소들을 자바스크립트를 통해 변환이 가능하다.
document.getElementById(elementID);대체로 많이 사용되어 지지는 않는 함수이며
기본적으로 querySelector 함수가 범용적으로 사용되어진다.
https://luka-frontend.tistory.com/4
<querySelector의 사용법 링크>
사용예시
<HTML>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js</title>
</head>
<body>
<h1 id="hello">Nice to meet you!</h1>
<script src="/app.js"></script>
</body>
</html>
크롬창으로 실행시켜 확인해 보았다.
document.getElementById("hello");
여기서 주의할점은 지정된 ID가 없으면 아래 이미지와 같이 null을 반환한다.
또 한가지는 ID는 페이지 내에서 고유해야 한다.
지정된 ID가 2개 이상인 경우에는 가장 첫번째의 아이디 요소를 반환하기 때문이다.
728x90
'Front-end School > JS' 카테고리의 다른 글
| [Javascript] 콜백함수(Callback Function)란? (1) | 2022.02.03 |
|---|---|
| [Javascript] 반복문_for 문 뽀개기 (1) | 2021.12.01 |
| [Javascript] - querySelector (1) | 2021.11.28 |
| [Javascript] - 논리연산자_and, or (&&, ||) (1) | 2021.11.27 |
| [Javascript] - 조건문_if, else (1) | 2021.11.27 |
