상세 컨텐츠

본문 제목

자바스크립트 숫자박스 추가하기 삭제하기

관리X 과거글

by 까먹기전에 2014. 12. 4. 14:07

본문

반응형

<html>

<head>

<style type="text/css">

td { border : 2px solid green; }

</style>

<script>

window.onload=function(){


i=2;


buttonTag.onclick=function(){

i++;

var tt = document.createElement("td");

tt.innerHTML=i;

zz.appendChild(tt);



}

buttonTaga.onclick=function(){

i--;

zz.removeChild(zz.lastChild);

}



}

</script>

</head>

<body>

<input type="button" id="buttonTag" value="추가">

<input type="button" id="buttonTaga" value="삭제">

<table>

<tr  id=zz><td>1</td><td>2</td></tr>

</table>

</body>

</html>

12

관련글 더보기