<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);
}
}
b2.onclick=function(){
tbTag.removeChild(tbTag.lastChild);
n=n-3;
}
}
</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>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| className 바꾸기 (0) | 2015.02.28 |
|---|---|
| 과제!!깔끔하게 바꾸기 ing (0) | 2015.02.28 |
| 줄추가하기 (0) | 2015.02.28 |
| createElement 로 셀렉트 옵션 추가하기 (0) | 2015.02.28 |
| document.f.box[i].checked 체크한값불러오기 (0) | 2015.02.28 |