설명
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 태그');
});
'JS' 카테고리의 다른 글
prototype (0) | 2024.03.12 |
---|---|
배열에 속성 추가(?) (0) | 2024.03.12 |
object (0) | 2024.03.12 |
inner function (1) | 2024.03.11 |
declarative function | anonymous function (0) | 2024.03.11 |