DOM 을 사용한 HTML 속성 컨트롤 하기 > script

DOM 은 HTML 속성을 컨트롤 하기 위한 아래 세가지의 메서드를 제공합니다

getAttribute() // HTML 요소의 속성을 리턴 합니다
setAttribute() // HTML 요소의 속성을 설정 합니다
removeAttribute() // HTML 요소의 속성을 제거합니다

<img id="myimage" src="http://www.jasko.co.kr/java_data/0000.gif">

<div id="mylayer" style="width:200px;height:30px;background-color:yellow">이
레이어의 배경색은 노랑색 입니다</div>

<script>
<!--
  function checkSrc() { // myimage 의 src 속성을 리턴합니다
     getsrc="document.getElementById("myimage").getAttribute("src")
     alert(getSrc);
  }

  function setSrc() { // myimage 의 src 속성을 변경합니다
     document.getElementById("myimage").setAttribute("src","http://www.jasko.co.kr/java_data/0001.gif")
  }

  function reMove() { // mylayer 의 style 을 제거합니다
     document.getElementById("mylayer").removeAttribute("style")
  }
//-->
</script>