DHTML 잘 쓰시는분 innerHTML 좀 도와주세요.

kknd345의 이미지

  <script type = "text/javascript">
   <!-- 
    function foo()
    {
     alert( snake_zone.innerHTML);
     snake_zone.innerHTML="<tr><td>aa</td></tr>";
    }

   // -->
  </script>
</HEAD>

<BODY onload="foo()">

 <table border="1" >
  <tbody ID="snake_zone">
   <tr>
   <td>aa</td>
   </tr>
  </tbody>
 </table>

 
</BODY>

위의 소스코드에서 처럼

tbody나 table 에 id 걸고 innerHTML 하니깐 에러나던데요..

저런식으로 테이블 안의 내용 생성하는 방법없나요?

꼭 tbody와 table 에 id 걸어야 되는 상황이거든요...

FlOw의 이미지

 function foo()
 {
     alert( document.getElementById('snake_zone').innerHTML);
     document.getElementById('snake_zone').innerHTML="<tr><td>aabc</td></tr>";
     alert( document.getElementById('snake_zone').innerHTML);
 }

몰랐는데 불여우에서도 innerHTML이 되네요 :shock:
익스에는 안되네요OTL

-------------------- 절취선 --
행복하세요:)

송효진의 이미지

innerHTML 로 하려면 div 태그 안에 완전한 테이블을 만들어 넣어야 합니다.
테이블용 함수는 따로 있어요.
insertRow, insertCell, deleteRow, deleteCell...
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/insertrow.asp

행복한고니의 이미지

꼭 innerHTML로 해야할 것만 아니라면 createElement 와 appendChild 등으로 DOM을 이용해보셔도 괜찮을텐데요.

TD아래쪽은 innerHTML쓰셔도 되구요.

__________________________________
나는 세상에서 가장 중요한 사람이다.