JavaScript - 문제 미리보기
문제 716
medium
다음 코드들의 실행 결과로 올바른 것은?
```javascript
// 코드 A
const elements = document.getElementsByTagName("p");
console.log("A: " + elements.length);
// 코드 B
const elements2 = document.getElementsByClassName("intro");
console.log("B: " + elements2.length);
```
HTML:
```html
첫 번째 문단
두 번째 문단
세 번째 문단
div 요소
```
정답: B
1. 코드 A 분석:
1) `getElementsByTagName("p")`는 태그 이름이 "p"인 모든 요소를 찾습니다
2) HTML에 `
` 태그가 3개 있으므로 `elements.length`는 3입니다 2. 코드 B 분석: 1) `getElementsByClassName("intro")`는 클래스명이 "intro"인 모든 요소를 찾습니다 2) `class="intro"`를 가진 요소는 첫 번째 p, 세 번째 p, div 총 3개입니다 3. 중요한 점: 1) `getElementsByTagName`은 태그 종류에 관계없이 지정된 태그명을 가진 모든 요소를 반환 2) `getElementsByClassName`은 태그 종류에 관계없이 지정된 클래스를 가진 모든 요소를 반환 3) 둘 다 배열 형태의 HTMLCollection을 반환합니다
💡 학습 팁
이 문제를 포함한 JavaScript 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.