HTML DOM 문서 본문
예
문서의 HTML 콘텐츠 가져오기:
const myBody = document.body.innerHTML;
문서의 배경색 변경:
document.body.style.backgroundColor = "yellow";
문서의 <body> 변경(모든 기존 내용 덮어쓰기):
document.body.innerHTML = "Some new HTML content";
아래에 더 많은 예가 있습니다.
정의 및 사용
이 body
속성은 문서의 <body> 요소를 설정하거나 반환합니다.
경고
속성을 설정하면 body
문서의 <body>에 있는 모든 요소를 덮어씁니다.
메모
document.body 와 document.documentElement 의 차이점 :
document.body는 <body> 요소를 반환합니다.
document.documentElement는 <html> 요소를 반환합니다.
또한보십시오:
통사론
body 속성을 반환합니다.
document.body
body 속성을 설정합니다.
document.body = newContent
속성 값
Value | Description |
newContent | The new content for the <body> element. |
반환 값
유형 | 설명 |
물체 | 문서의 본문 요소입니다. |
더 많은 예
<p> 요소를 만들고 문서 본문에 추가합니다.
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
브라우저 지원
document.body
DOM 레벨 1(1998) 기능입니다.
모든 브라우저에서 완벽하게 지원됩니다.
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |