개발하자/자바스크립트
칸추가와 칸삭제
i구야
2015. 2. 26. 12:42
<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>