목차
- <body> 객체 정의 - 문서 영역
- <body> 객체 구문
- <body> 객체 예제 - 접근
- <body> 객체 예제 - 생성
- <body> 객체 속성
- <body> 객체 예제 - 배경색 변경
<body> 객체 정의 - 문서 영역
HTML <body> 태그(요소) 의미.
[참고]
- document.body 속성 - <body> 요소 반환.
- document.documentElement 속성 - <html> 요소 반환.
<body> 객체 구문
[접근]
var x = document.getElementsByTagName("BODY")[0];
또는,
var x = document.body;
[생성]
var x = document.createElement("BODY");
<body> 객체 예제 - 접근
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementsByTagName("BODY")[0];
x.style.backgroundColor = "yellow";
}
</script>
결과보기
<body> 객체 예제 - 생성
준비 중
<body> 객체 속성
aLink
(HTML5 지원 X. 대신, CSS :active 선택자 참조.)
문서에서 활성 링크의 색상 설정/반환
background
(HTML5 지원 X. 대신, style.backgroundImage 속성 사용)
문서의 배경 이미지 설정/반환.
bgColor
(HTML5 지원 X. 대신, style.backgroundColor 속성 사용)
문서의 배경색 설정/반환.
link
(HTML5 지원 X. 대신, CSS :link 선택자 참조.)
문서에서 방문하지 않은 링크의 색상 설정/반환.
text
(HTML5 지원 X. 대신, style.color 속성 사용)
문서의 텍스트 색상을 설정/반환.
vLink
(HTML5 지원 X. 대신, CSS :visited 선택자 참조.)
문서에서 방문한 링크의 색상 설정/반환.
※ <body> 객체는 표준 속성/메서드/이벤트 지원.
<body> 객체 예제 - 배경색 변경
<script>
// body 배경색 변경
const bodyElement = document.body;
bodyElement.style.backgroundColor = 'black';
</script>
결과보기