-
innerHTML vs innerText vs textContent언어/Javascript 2023. 6. 13. 17:49
html
<div id='content'> hello <span style='display:none'> this is innerText </span> </div>
script / result
const content = document.getElementById("content") console.log(content.innerHTML) >> hello >> <span>this is innertext</span> console.log(content.innerText) >> hello console.log(content.textContent) >> hello >> this is innertext
출처 :
[JavaScript] innerHTML, innerText, textContent 차이
innerHTML, innerText, textContent 속성은 텍스트를 읽어오고 설정할 수 있다는 점에서 비슷해보이지만, 조금씩 다른 차이가 있고 이 차이를 잘 알고 써야한다.먼저 innerHTML은 'Element'의 속성으로, element내
velog.io
반응형'언어 > Javascript' 카테고리의 다른 글
[HTTP Methods]GET / POST / PUT / PATCH / DELETE / OPTIONS의 의미 (0) 2023.06.19 [자바스크립트]setInterval 함수() 와 setInterval 함수의 차이 (javascript 함수 괄호()유무) (0) 2023.06.14 [Javascript]<script>태그의 위치, 위? 아래? / <head>안 혹은 <body>안? (0) 2023.06.12 QuerySelector VS getElementbyID 차이 (0) 2023.06.12 [HTML/CSS] div 화면 우측정렬 / 전화번호 input 가운데 정렬 (0) 2023.06.09