AI ์ด์ „์‹œ๋Œ€ (↓์„๊ธฐ์‹œ๋Œ€ IT)/01. Java

div ๋™์  ์ƒ์„ฑ ๋ฐ div ๋™์  ์ด๋ฒคํŠธ ๊ฑธ๊ธฐ

๐Ÿ“ฆ DonzBox 2012. 10. 18. 13:23
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
        <script type="text/javascript">
               function Init() {

                       for (var i = 0; i< 10; i++) {
                              //div ๊ฐ์ฒด ์ƒ์„ฑ
                              var div = document.createElement("div");
                              div.innerText= i;
                              //css์„ค์ •
                              div.style.border= "1px solid black";
                              div.style.margin= "5px";
                              div.style.width= "100px";
                              div.style.height= "100px";
                              div.style.backgroundColor= "lightgreen";
                              div.style.float= "left";
                              div.onclick= function () { //์ต๋ช… ๋ฉ”์„œ๋“œ
                                      //event.srcElement => ์ด๋ฒคํŠธ ๋ฐœ์ƒ ๊ฐ์ฒด
                                      event.srcElement.style.backgroundColor= "yellow";
                                      event.srcElement.style.border= "1px dotted red";
                                      //event.srcElement.style.float = "left";
                              };
                              //** ๋ฐ”๋””์˜ ๋งˆ์ง€๋ง‰ ์ž์‹์œผ๋กœ div ๊ฐ์ฒด ์ถ”๊ฐ€
                              document.body.appendChild(div);
                       }
               }
        </script>
</head>
<body onload="Init();">
</body>
</html>

 

 

์ถœ์ฒ˜ ใ…ฃ http://cafe.naver.com/jobstartgogo/20696