getElementById - document.getElementById()

 

 설명

 

document 에 포함된 객체중 문자열로 지정된 ID 와 가장 처음 일치하는 객체를 반환한다.

 

 형태

 

Element   document.getElementById( String  elementId )

 

 인수

 

String  elementId  얻어올 객체를 구별하는 ID 문자열

 

 반환

 

지정된 엘레멘트 ID를 처음 갖는 Element 객체를 반환한다.

주어진 id를 가진 element가 없으면, 이 함수는 null을 반환한다.

 

예제

 

<html> 

<head> 

    <script type="application/javascript"> 

    function draw() { 

      var canvas = document.getElementById("canvas"); 

      if (canvas.getContext) { 

        var ctx = canvas.getContext("2d"); 

 

        ctx.fillStyle = "rgb(200,0,0)"; 

        ctx.fillRect (10, 10, 55, 50); 

 

        ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; 

        ctx.fillRect (30, 30, 55, 50); 

      } 

    } 

    </script> 

</head> 

<body onload="draw();"> 

    <canvas id="canvas" width="150" height="150"></canvas> 

</body> 

</html> 

 

 

이 게시물을...