자바스크립트 /value, textContent , innerHTML, innerText 사용

innerHTML

 

1. Element속성으로 해당 Element의 HTML, XML을 읽어오거나, 설정할 수 있다.

 

============================

innerText

 

1. Element내에서 사용자에게 보여지는 텍스트 값을 읽어옴

2. 연속된 공백은 무시하고 하나의 공백만 처리

 

===========================

textContent

 

1. textContent는 'Node'의 속성

2. 해상 노드가 가지고 있는 텍스트 값을 그대로 읽는다.

3. 연속된 공백을 그대로 표현

 

 

============================

// 무언가를 입력하는 것들은 대부분 value를 사용한다.

 

input / value

select / value

textarea / value

 

// textContent를 사용하는 것들

 

button / textContent

div / textContent

span / textContent

 

 

 

 

 

 

 

참고 : [Javascript] innerHTML, innerText, textContent 차이점 - 어제 오늘 내일 (tistory.com)