[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