일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 문자열
- Maven
- CMD
- js
- html
- table
- 자바
- string
- CSS
- javascript
- Eclipse
- 배열
- 자바스크립트
- Button
- 이탈리아
- date
- Array
- 인텔리제이
- vscode
- 테이블
- windows
- 이클립스
- 정규식
- input
- json
- Visual Studio Code
- IntelliJ
- Java
- ArrayList
- list
- Today
- Total
목록text() (2)
어제 오늘 내일
지난번에는 div 안에 text를 추가하는 방법을 알아보았습니다. [jQuery] div 안의 텍스트 변경 text(), html() 이번에는 div 안의 텍스트를 읽어오는 방법입니다. text() 텍스트를 추가할 때와 마찬가지로 텍스트를 읽어올 때도, text() 메소드를 사용할 수 있습니다. 이번에는 파라미터를 전달하지 않고 호출합니다. Hello // Hello const value = $('#myDiv').text(); document.write(" 읽어온 값 : " + value) $('#myDiv').text() id가 myDiv인 div를 선택하고, text() 메소드를 사용하여 div의 텍스트를 읽어옵니다.
jQuery를 이용하여 div 안의 텍스트를 변경하려면 다음 2가지 방법을 사용할 수 있습니다. text() html() 1. text() 요소 안의 텍스트를 변경합니다. html 코드를 전달하여도, text로 인식되어 그대로 출력합니다. $('#myDiv1').text('hello'); $('#myDiv2').text('버튼'); $('#myDiv1').text('hello'); 파라미터로 전달된 텍스트가 그대로 화면에 출력되었습니다. $('#myDiv1').text('버튼'); html 태그를 넣어도 태그가 그대로 화면에 출력됩니다. 2. html() 요소 안의 html을 변경합니다. 파라미터로 html 코드를 전달하면, html 코드가 실행됩니다. $('#myDiv1').html('hello'); ..