영상
개념
<!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>getElementById()</title>
</head>
<body>
<!--
[개념] document.getElementById("id명") 메서드
(1) 해당 id의 요소를 선택
(2) 요소가 존재하지 않는 경우 null을 반환
(3) id값은 고유해야 하지만, 동일한 id를 가진 요소가 둘 이상 존재하면, 첫 번째 요소를 반환
-->
<p id="content">getElementById() 메서드</p>
<p id="target"></p>
<script>
// 태그 선택
let element = document.getElementById("content");
console.log(element.innerText); // getElementById() 메서드
// 내용 변경
document.getElementById("target").innerText = "Hello, JavaScript";
</script>
</body>
</html>
Java
복사