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
