JS
document.body.innerHTML
chaereemee
2024. 3. 13. 15:16
설명
HTML 문서의 <body> 요소의 내용을 나타내는 속성이다.
이 속성을 사용하면 JavaScript를 사용하여 동적으로 HTML을 변경할 수 있다.
document.body.innerHTML
여기서 document는 현재 문서를 나타내는 객체이고, body는 문서의 요소이다.
innerHTML은 HTML 요소의 내용을 나타내는 속성으로, 해당 요소의 HTML 마크업을 문자열 형태로 가져오거나 설정할 수 있다.
따라서, 현재 문서의 <body> 요소의 HTML 내용을 가져오거나 설정하는 데 사용된다.
document.addEventListener('DOMContentLoaded', function() {
const h1 = (text) => `<h1>${text}</h1>`;
document.body.innerHTML += h1('script 태그');
});