innerHTML, innerText, textContent 비교
innerHTML: innerHTML은 해당 요소의 내부 HTML 코드를 나타냅니다. 즉, HTML 태그와 텍스트 모두를 가져오거나 설정할 수 있습니다. 이 속성을 사용하여 요소의 내용을 HTML 문자열로 설정하거나 해당 요소 안에 새로운 HTML 구조를 동적으로 생성할 수 있습니다. 예를 들어, element.innerHTML = "Hello";와 같이 사용할 수 있습니다. 주의: 내부 HTML을 수정하는 것은 보안 문제를 야기할 수 있으므로 신중하게 다루어야 합니다. innerText: innerText는 요소의 텍스트 내용을 나타냅니다. HTML 태그는 무시되며, 순수한 텍스트만을 가져오거나 설정할 수 있습니다. 이 속성을 사용하여 요소의 텍스트 내용을 수정하거나 가져올 수 있습니다. 예를 들어, ..
JavaScript
2023. 8. 27. 09:57
