개발하자/자바스크립트
줄추가하기
i구야
2015. 2. 28. 11:36
<html>
<head>
<style type="text/css">
td { border : 1px solid navy; }
</style>
<script>
window.onload=function(){
var n=4;
b1.onclick=function(){
var trTag= document.createElement("tr");
for(var r=0;r<3;r++){
var tdTag=document.createElement("td");
tdTag.innerHTML=n++;
trTag.appendChild(tdTag);
tbTag.appendChild(trTag);
}
}
}
</script>
</head>
<body>
<input type="button" value="줄추가" id="b1">
<input type="button" value="줄삭제" id="b2">
<div>
<table id="tbTag">
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
</div>
</body>
</html>