[JavaScript] 자바스크립트에서 텍스트 영역(Textarea)값 읽어오기

156_자바스크립트에서 텍스트 영역(Textarea)값 읽어오기

[적용]

• 텍스트 영역의 문자열을 확인하고 싶을 때
• 텍스트 영역의 문자열을 변환하고 싶을 때

---

[문법]

속성	의미	타입
텍스트영역요소.value	입력 폼의 문자열	문자열

---

[내용]

textarea 요소는 여러 줄 입력이 가능한 텍스트 폼을 표시한다.

텍스트 영역은 줄바꿈을 포함해 자유로운 문자의 입력이 가능하다.

자바스크립트에서는 value 속성을 통해 요소에 접근할 수 있다.

value 속성의 타입은 문자열(string)이다.

 

HTML                                                                                                                                                              index.html

<textarea id="myText">
오늘의 날씨는
맑음
</textarea>

JavaScript                                                                                                                                                          main.js

// textarea 참조
const element = document.querySelector('#myText');
// 데이터 값 가져오기
const value = element.value;
console.log(value);  // 결과: '오늘의 날씨는 (줄바꿈)맑음'

 

값의 대입은 value 속성을 사용해 문자열을 대입한다.

대입한 문자열이 화면의 텍스트 입력 폼에 표시된다.

const element = document.querySelector('#myText');
element.value = '오늘의 날씨는 (줄바꿈)맑음';

 

---

 

 

 

 

 

 

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