2008-02-22

用JS and DOM生成表格

关键字: 动态生成表格 
<script language="javascript">
     function start(){
       mybody = document.getElementsByTagName  ("body").item(0);
        mytable = document.createElement("TABLE");
        mytablebody = document.createElement("TBODY");
        for(j=0;j<2;j++){
           mycurrent_row = document.createElement("TR");
           for(i=0;i<2;i++){
               mycurrent_cell= document.createElement("TD");
              currenttext=document.createTextNode("cell is  row "+j+",  column "+i);
              mycurrent_cell.appendChild(currenttext);
              mycurrent_row.appendChild(mycurrent_cell);
           }
           mytablebody.appendChild(mycurrent_row);
       }
       mytable.appendChild(mytablebody);
       mybody.appendChild(mytable);
       mytable.setAttribute("border","2");
   }
  </script>
 原来mybody = document.getElementsByTagName  ("body").item(0);是mybody =     document.getElementsByTagName  ("body");写的，报错“对象不支持属性或方法”后来发现getElementsByTagName（）方法返回一个集合，所以改成代码中的写法通过。很不好找呀
评论
7thbyte 2008-04-18
document.getElementsByTagName ("body").item(0);

直接用document.body不就可以了么？
cherryQQ 2008-04-18
只能在firefox浏览器中实现
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

cljspn
搜索本博客
我的相册
61a67798-9c45-4fa5-ad0a-1c8dd1085057-thumb
美女
共 1 张
存档
最新评论