목차
- <header> 객체 정의 - 단락머리말
- <header> 객체 구문
- <header> 객체 예제 - 접근
- <header> 객체 예제 - 생성
- <header> 객체 속성
<header> 객체 정의 - 단락머리말
HTML <header> 태그(요소) 의미. (IE9 이상 지원)
<header> 객체 구문
[접근]
var x = document.getElementById("요소ID");
[생성]
var x = document.createElement("HEADER");
<header> 객체 예제 - 접근
<article>
<header id="hz">
<h3>홈짱닷컴</h3>
</header>
<p>Homzzang.com</p>
</article>
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.getElementById("hz");
x.style.color = "red";
}
</script>
결과보기
<header> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.createElement("HEADER");
x.setAttribute("id", "hz");
document.body.appendChild(x);
var y = document.createElement("H3");
var t = document.createTextNode("홈짱닷컴 Homzzang.com");
y.style.color = "red";
y.appendChild(t);
document.getElementById("hz").appendChild(y);
}
</script>
결과보기
<header> 객체 속성
고유 속성 없음.
※ <header> 객체는 표준 속성/메서드/이벤트 지원.