최신 웹 개발 튜토리얼
 

HTML DOM body Propery

<문서 객체

현재 문서의 배경색을 변경 :

document.body.style.backgroundColor = "yellow";
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

몸 속성을 설정하거나 문서의 본문을 반환합니다.

돌아 왔을 때,이 속성은 현재 문서의 <BODY> 요소를 반환합니다.

설정에서이 속성은 기존 내부의 모든 자식 요소 덮어 <body> 요소를, 새로운, 지정된 내용으로 대체합니다.

팁 : 속성과의 차이 document.documentElement의 속성은 요소는 document.body 수익이다 <body> document.documentElement가 리턴하면서, 엘리먼트 <html> 요소.


브라우저 지원

재산
body

통사론

몸 속성을 반환합니다 :

document.body

몸 속성을 설정 :

document.body= newContent

속성 값

기술
newContent 의 새로운 콘텐츠 지정 <body>

기술적 세부 사항

반환 값 : A A 나타내는 바디 개체를 참조하여, <body> 요소 또는 요소가 존재하지 않는 경우는 null
DOM 버전 코어 레벨 1 문서 객체

예

더 예

현재 문서의 HTML 콘텐츠를 :

var x = document.body.innerHTML;
»그것을 자신을 시도

(<BODY> 내부의 모든 기존의 HTML 요소를 덮어 쓰게됩니다) 현재 문서의 HTML 내용을 변경 :

document.body.innerHTML = "Some new HTML content";
»그것을 자신을 시도

크리에이트 <p> 일부 텍스트 요소 및 문서의 본문에 추가 :

var x = document.createElement("P");                        // Create a <p> element
var t = document.createTextNode("This is a paragraph.");    // Create a text node
x.appendChild(t);                                           // Append the text to <p>
document.body.appendChild(x);                               // Append <p> to <body>
»그것을 자신을 시도

관련 페이지

HTML 참조 : HTML <body> 태그

자바 스크립트 참조 : HTML DOM 바디 개체


<문서 객체