[DOM_Element] JS - setAttributeNode() 메서드 ★ - 속성노드 추가설정 (예: 클래스추가) (= setAttributeNode메서드 = 셋어트리뷰트노드메서드)

setAttributeNode() 예제

 

<style>

.hz {

  color: red;

}

</style>

<h1>홈짱닷컴 Homzzang.com</h1>

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

<script>

function homzzang() {

  var attr = document.createAttribute("class");

  attr.value = "hz";

  var h = document.getElementsByTagName("H1")[0];

  h.setAttributeNode(attr); 

}

</script>

 

결과보기