<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