JavaScript | 버튼 button 테이블 td 텍스트값 불러오기

자바스크립트로 태그 내의 데이터를 불러올 때 value를 이용해서 불러와지지 않는 태그들이 있다. 

value를 이용해서 왜 데이터를 불러올 수 없는건가?

value를 이용해서 데이터를 불러올 수 없는 태그들은 value를 속성으로 갖고 있는 경우가 있다. 때문에 태그 정의 때 ㄱvalue값이 있을 경우는 값을 불러올 것이고 없을 경우 ""를 리턴한다.

 

 

 

 

innerText

그렇다면 어떻게 그런 태그들의 텍스트 값을 불러올 수 있을까? 답은 innerText이다.

<Button id="btn">이 텍스트를 불러오려고 합니다</Button>

위와 같이 작성된 html 텍스트에서 Button 태그가 감싸고 있는 "이 텍스트를 불러오려고 합니다"를 불러오는 자바스크립트 코드는 다음과 같다.

document.querySelector("#btn").innerText