HTML 요소 선택법 - 1

document.getElementById()는 HTML에서 특정 id 속성을 가진 요소를 선택하는 메서드입니다.

복사
<!-- id를 가진 HTML p 요소 -->
<p id="intro">안녕하세요</p>

복사
// JavaScript로 해당 요소 선택하고 내용 변경
const introElement = document.getElementById('intro');
introElement.textContent = '반갑습니다';

document.getElementsByTagName()는 HTML에서 특정 태그를 가진 모든 요소들을 선택하는 메서드입니다.

복사
<!-- HTML 내 여러 <p> 요소 -->
<p>첫 번째 단락입니다.</p>
<p>두 번째 단락입니다.</p>
<p>세 번째 단락입니다.</p>

복사
// JavaScript로 <p> 태그를 가진 모든 요소 선택
const paragraphs = document.getElementsByTagName('p');

for (let para of paragraphs) {
  para.style.color = '';
}