• Q&A
  • 회원가입
  • 로그인

[DOM_Element] JS - style 속성 ★ - 스타일 설정/반환

style 예제 - 스타일 설정

 

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


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


<p id="demo"></p>


<script>

function homzzang() {

  document.getElementById("hz").style.color = "red";

}

</script>

 

결과보기

 

 

style 예제 - 스타일 반환

 

<h1 id="hz" style="border-bottom: 5px solid red;">홈짱닷컴 Homzzang.com</h1>


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


<p id="demo"></p>


<script>

function homzzang() {

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

  document.getElementById("demo").innerHTML = x; 

}

</script>

 

결과보기

결과값: 5px solid red

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012