[HTML_Objects] JS - <hr> 객체 - 주제 다른 문단구분선 (= 가로선 = 수평선 = hr태그 = 흐르태그 = 에이치알태그) - (HTML5 일부 속성 삭제) ★

목차

1. <hr> 객체 정의 - 문단 구분선
2. <hr> 객체 구문
3. <hr> 객체 예제 - 접근
4. <hr> 객체 예제 - 생성
5. <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> 객체는 표준 속성/메서드/이벤트 지원.