반응형
Notice
Recent Posts
Recent Comments
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
Tags
- 나이키
- 드로우
- 리액트
- 리눅스
- 덩크 로우
- jQuery
- dunk high
- 코로나19
- react
- Dunk Low
- Nike
- dunklow
- stockx.com
- 덩크로우
- Python
- sacai
- 제이쿼리
- 주식
- 주식공부
- oracle
- 자바스크립트
- GIT
- 파이썬
- Linux
- JavaScript
- Github
- 오라클
- 발매예정
- draw
- 덩크 하이
Archives
- Today
- Total
Life goes slowly...
[Javascript] innerText와 innerHTML 차이점 본문
728x90
반응형
element 내부에 가지고 있는 innerText와 innerHTML 차이점은 무엇일까요?
innerText은 element 내부에 있는 text 값들을 말하며 innerHTML는 element 내부에있는HTML이나 XML 모두를 말합니다.
<html>
<head>
<title>안녕하세요</title>
</head>
<body>
<p id="abc">안녕하세요
<span>Hello World!!</span>
</p>
</body>
</html>
자바스크립트(Javascript) 값 가져오기
innerText는 설정한 엘리먼트의 보이는 텍스트 값을 가져옵니다.
<script type="text/javascript">
console.log(document.getElementById("abc").innerText);
</script>
=====================
안녕하세요 Hello World!!
innerHTML는 엘리먼트의 HTML 구조 모두를 가져옵니다.
<script type="text/javascript">
console.log(document.getElementById("abc").innerHTML);
</script>
=====================
안녕하세요 <span>Hello World!!</span>
자바스크립트(Javascript) 값 설정하기
<script type="text/javascript">
document.getElementById("test").innerText="안녕하세요 <a>Hello JavaScript!!</a>";
document.getElementById("test").innerHTML="안녕하세요 <a>Hello JavaScript!!</a>";
</script>
728x90
반응형
'프로그래밍 > Javascript' 카테고리의 다른 글
| [Javascript] 자바스크립트(JS)의 HTML 내용을 엑셀 다운로드하기 (0) | 2021.03.15 |
|---|---|
| [jQuery] 제이쿼리(jquery)로 Cookie 관리하기 (0) | 2021.03.12 |
| [jQuery] 제이쿼리(jquery)의 radio button 확인 (0) | 2021.03.10 |
| [Javascript] 자바스크립트의 버튼(button)에 disabled 속성 활용 (0) | 2021.03.05 |
| [Javascript] 자바스크립트 이메일 유효성 검사(정규식 표현) (0) | 2021.02.27 |
| [jQuery] 제이쿼리(jquery) selectbox의 이벤트 (0) | 2021.02.26 |
| [jQuery] checkbox 의 리스트 중 체크된 값 가져오기 (2) | 2021.02.25 |
| [Javascript] 자바스크립트의 this 란? (0) | 2021.01.16 |
'프로그래밍/Javascript' Related Articles
more
Comments