문서 객체내부의 글자를 조작하는 방법
문서객체.textContent // 입력된 문자열을 그대로 넣는다
문서객체.innerHTML // 입력된 문자열을 HTML형식으로 넣는다
<script>
document.addEventListener('DOMContentLoaded',()=>{
const a = document.querySelector('#a')
const b = document.querySelector('#b')
a.textContent = '<h1>textContent 속성</h1>'
b.innerHTML = '<h1>innerHTML 속성</h1>'
})
</script>
<body>
<div id="a"></div>
<div id="b"></div>
</body>
textContent 는 글자가 그대로 입력되었고
innerHTML은 <h1></h1>을 h1의 특성? + 문자가 출력되었다
# 깨알 #
innerText 속성과 textContent속성
두 속성은 text를 추가하는 기능을 가지고 있다.
innerText의 속성 성능의 문제로 textContent 속성이 추가된 것이므로 최신? textContent의 속성을 사용하는 것이 낫다
댓글