<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>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| 과제!!깔끔하게 바꾸기 ing (0) | 2015.02.28 |
|---|---|
| 줄삭제 숫자 감소 (0) | 2015.02.28 |
| createElement 로 셀렉트 옵션 추가하기 (0) | 2015.02.28 |
| document.f.box[i].checked 체크한값불러오기 (0) | 2015.02.28 |
| 배열로 접근해서 버튼색바꾸기 document.forms[0].elements[0] (0) | 2015.02.28 |