[HTML_Objects] JS - <br> 객체 ★ - 줄바꿈 (=br태그 = br요소 = 한줄아래로 = 비알태그 = 브르태그 = 브레이크태그)

1. <br> 객체 정의 - 줄바꿈
2. <br> 객체 구문
3. <br> 객체 예제 - 접근
4. <br> 객체 예제 - 생성
5. <br> 객체 속성

<br> 객체 정의 - 줄바꿈

 

HTML <br> 태그(요소) 의미.

 

<br> 객체 구문

 

[접근]

var x = document.getElementById("요소ID");

 

[생성]

var x = document.createElement("BR");

 

<br> 객체 예제 - 접근 

 

<div>홈짱닷컴 <br id="hz"> Homzzang.com</div>

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  var x = document.getElementById("hz");

  x.style.display = "none";

}

</script>

 

결과보기 

<br> 객체 예제 - 생성

 

<button onclick="homzzang()">클릭</button>

<div id="hz">

  <span>홈짱닷컴</span>

  <span>Homzzang.com</span>

</div>

<script>

function homzzang() {

  var divhz = document.getElementById("hz"); 

  var spans = hz.getElementsByTagName("SPAN");

  var i;

  for (i = 1; i < spans.length; i++) {

    var x = document.createElement("BR");

    divhz.insertBefore(x, spans[i]);

  }

}

</script>

 

결과보기 

<br> 객체 속성

 

clear

HTML5 지원 X. 대신 style.clear 속성 사용.

float 되는 객체 주위의 텍스트 흐름 설정/반환

 

※ <br> 객체는 표준 속성/메서드/이벤트 지원.