[JavaScript] 자바스크립트 ID의 각 요소 값 읽어오기

130_자바스크립트 ID의 각 요소 값 읽어오기

[적용]

• ID 데이터와 일치하는 요소를 가져오고 싶을 때

---

[문법]

메소드	의미	반환
document.getElementById(ID명)	ID명 일치 요소 가져오기	요소(HTMLElement)

---

[내용]

document.getElementById() 는 ID명을 지정하여 하나의 HTML 요소를 가져오는 메소드다.

querySelector()와 달리 인수에는 셀렉터명이 아닌 ID명을 전달하므로 주의가 필요하다.

즉 HTML의 id="foo" 요소를 가져오기 위해서는 #를 뺀 'foo'만을 인수로 전달해야 한다.

 

HTML                                                                                                                                                              index.html

<div id="foo"></div>

JavaScript                                                                                                                                                          main.js

// foo 요소
const element = document.getElementNyId('foo');

 

---

 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김