카테고리:전체글>자바스크립트

자바스크립트 동적 태그 생성 document.createElement()

<html>
<head>

<style>
.IMGN1{
position:absolute;
left:50px;
top:400px;
margin-left:0px;
margin-top:0px;
border:5px solid #c4c4c4;

}
</style>

</head>
<script>
var a=[];
var img_id=[];
var i=0;
var m_px=0;
function creat_img(){
a[i]=document.createElement(“img”);//img태그 동적생성
a[i].id=”imgid”+i;//img태그 id 생성
a[i].setAttribute(“class”,”IMGN1″);//img태그 스타일시트 적용
a[i].src=”airp.png”;//img태그 이미지 주소 적용
document.body.appendChild(a[i]);//body 태그에 img태그 하위 연결
}

function aaa(){
creat_img();
bbb();
}
function bbb(){
img_id[i]=document.getElementById(a[i].id);
m_px=m_px+1;
img_id[i].style.marginLeft=m_px+’px’;
var abcd=setTimeout(bbb,100);
}
</script>
<body>
<div onclick=”aaa()”>
클릭
</div>

</body>