목차
- <hr> 객체 정의 - 문단 구분선
- <hr> 객체 구문
- <hr> 객체 예제 - 접근
- <hr> 객체 예제 - 생성
- <hr> 객체 속성
<hr> 객체 정의 - 문단 구분선
HTML <hr> 태그(요소) 의미.
<hr> 객체 구문
[접근]
var x = document.getElementById("요소ID");
[생성]
var x = document.createElement("HR");
<hr> 객체 예제 - 접근
<h3>홈짱닷컴</h3>
<hr id="hz">
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.getElementById("hz");
x.style.display = "none";
}
</script>
결과보기
<hr> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<p>홈짱닷컴 Homzzang.com</p>
<script>
function homzzang() {
var x = document.createElement("HR");
document.body.appendChild(x);
}
</script>
결과보기
<hr> 객체 속성
align
HTML5 제외. 대신 style.textAlign 속성 사용.
수평선의 정렬을 설정/반환.
color
HTML5 제외. 대신 style.color 속성 사용.
수평선의 색상을 설정/반환.
noshade
HTML5 제외.
수평선이 단색으로 렌더링되어야하는지 여부를 설정/반환. (음영 없음.)
size
HTML5 제외. 대신 style.height 속성 사용.
수평선의 높이 설정/반환.
width
HTML5 제외. 대신 style.width 속성 사용.
수평선의 너비 설정/반환.
※ <hr> 객체는 표준 속성/메서드/이벤트 지원.