목차
<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> 객체는 표준 속성/메서드 /이벤트 지원.
