설명

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

+ Recent posts