.querySelector
: document.querySelector()는 제공한 선택자 또는 선택자와 일치하는 문서 내 첫번째 element를 반환한다.
(일치하는 요소가 없으면 null 반환)
.innerHTML
: innerHTML은 요소 내에 포함된 HTML 또는 XML 마크업을 가져오거나 설정한다.
예제
<body>
<!-- script 태그보다 위에 있어야 함. -->
<div id="result"></div>
<script>
function calcAge() {
let currentYear = 2023;
let birthYear = 2000;
let age; // 데이터 타입 undefined 자료형을 지정하지 않았을 때
age = currentYear - birthYear;
document.querySelector("#result").innerHTML =
"<b>당신의 나이는 " + age + "입니다.</b>";
}
calcAge();
</script>
</body>
결과화면
'프로그래밍 > JavaScript' 카테고리의 다른 글
| JavaScript_자료형 (0) | 2023.05.07 |
|---|---|
| JavaScript_컴파일러 VS 인터프리터 (0) | 2023.05.07 |
| JavaScript_함수 (0) | 2023.01.20 |
| JavaScript_객체 (2) | 2023.01.18 |
| JavaScript_continue 문 (0) | 2022.08.24 |
