목차
- <h1> ~ <h6> 객체 정의 - 문단 제목
- <h1> ~ <h6> 객체 구문
- <h1> ~ <h6> 객체 예제 - 접근
- <h1> ~ <h6> 객체 예제 - 생성
- <h1> ~ <h6> 객체 속성
<h1> ~ <h6> 객체 정의 - 문단 제목
HTML <h1> ~ <h6> 태그(요소) 의미.
<h1> ~ <h6> 객체 구문
[접근]
var x = document.getElementById("요소ID");
[생성]
var x = document.createElement("H1"); // <h1> 태그 경우
<h1> ~ <h6> 객체 예제 - 접근
<h2 id="hz">홈짱닷컴 Homzzang.com</h2>
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.getElementById("hz");
x.style.color = "red";
}
</script>
결과보기
<h1> ~ <h6> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.createElement("H1");
var t = document.createTextNode("홈짱닷컴 Homzzang.com");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
결과보기
<h1> ~ <h6> 객체 속성
align
HTML5 제외. 대신 style.textAlign 속성 사용.
<h1> ~ <h6> 요소의 align 속성값 설정/반환.
※ <h1> ~ <h6> 객체는 표준 속성/메서드/이벤트 지원.