<html>
<head>
<style type="text/css">
td { border : 1px solid green; }
</style>
<script>
window.onload=function(){
var num=3;
b1.onclick=function(){
var tdTag=document.createElement("td");
tdTag.innerHTML=num++;
trTag.appendChild(tdTag);
}
b2.onclick=function(){
var l=trTag.childNodes.length;
trTag.removeChild(trTag.childNodes[l-1])
}
}
</script>
</head>
<body>
<table>
<tr id="trTag"><td>1</td><td>2</td></tr>
</table>
<input type="button" id="b1" value="칸추가">
<input type="button" id="b2" value="칸삭제">
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| 1단계>배열에 키와 값을 넣고 createElement 로 태그생성후 값넣기 (0) | 2015.02.26 |
|---|---|
| 키값 목록 뽑아오기 (0) | 2015.02.26 |
| removeChild(지울태그id) (0) | 2015.02.26 |
| insertBefore(넣을태그,바로뒤에오는태그) (0) | 2015.02.26 |
| appendChild를 이용하여 td추가하기 (0) | 2015.02.26 |