본문 바로가기

개발하자/자바스크립트

appendChild를 이용하여 td추가하기

<html>
 <head>
 <style type="text/css">
 td { border : 1px solid green; }
 </style>
 <script>
 window.onload=function(){
var num=3;
 b.onclick=function(){
 var tdTag=document.createElement("td");
 tdTag.innerHTML=num++;
 trTag.appendChild(tdTag);
 }
 }
 </script>
 </head>
 <body>
 <table >
 <tr id=trTag><td>1</td><td>2</td></tr>
 </table>
 <input type="button" id="b" value="칸추가">
 </body>
</html>

'개발하자 > 자바스크립트' 카테고리의 다른 글

removeChild(지울태그id)  (0) 2015.02.26
insertBefore(넣을태그,바로뒤에오는태그)  (0) 2015.02.26
태그생성해서 추가하기  (0) 2015.02.26
createElement, appendChild  (0) 2015.02.26
document 객체  (0) 2015.02.26