这段创建表格代码出错在哪里？？？？？？？？？？？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
</style>
<script type="text/javascript">
window.onload=function(){
var otable=$("tab"),otr=[];atext=[];
atext[0]=document.createTextNode("a");
atext[1]=document.createTextNode("b");
atext[2]=document.createTextNode("c");
atext[3]=document.createTextNode("d");
for(var j=0;j<4;j++){
otr[j]=otable.insertRow();
for(var i=0;i<atext.length;i++){
var otd=otr[j].insertCell(i);
otd.appendChild(atext[i]);
}
}
otable.style.border="solid red 1px;";
}
function $(a){
return document.getElementById(a);
}
</script>
<body>
<table id="tab">
</table>
</body>
</html>

解决方案 »

  1.   

    window.onload = function() {
        var otable = $("tab"),
            otr = [];
        atext = [];
        atext[0] = document.createTextNode("a");
        atext[1] = document.createTextNode("b");
        atext[2] = document.createTextNode("c");
        atext[3] = document.createTextNode("d");
        for (var j = 0; j < 4; j++) {
            otr[j] = otable.insertRow();
            for (var i = 0; i < atext.length; i++) {
                var otd = otr[j].insertCell(i);
                otd.appendChild(atext[i].cloneNode(true)); //克隆一下
            }
        }
        otable.style.border = "solid red 1px"; //属性值多了个分号
    }function $(a) {
        return document.getElementById(a);
    }
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <style type="text/css">
    .new{
    color:red;
    }
    </style>
    <script type="text/javascript">
    function a(){
    var odiv=document.getElementById("d");
    odiv.className="new";
    }
    </script>
    <body onload="a">
    <div id="d">d
    </div>
    </body>
    </html>这段代码能，帮我看看，谢谢(加了类名无效果？）
      

  3.   

    <body onload="a">改成
    <body onload="a()">
      

  4.   

    兼容浏览器的创建方法
      window.onload = function () {
        var otable = $("tab"), otr = []; atext = [];
        atext[0] = document.createTextNode("a");
        atext[1] = document.createTextNode("b");
        atext[2] = document.createTextNode("c");
        atext[3] = document.createTextNode("d");
        tbody = document.createElement("tbody")
        for (var j = 0; j < 4; j++) {
          tr = document.createElement("tr")
          for (var i = 0; i < atext.length; i++) {
            var td = document.createElement("td")
            td.appendChild(atext[i].cloneNode(true));
            tr.appendChild(td);
          }
          tbody.appendChild(tr)
        }
        otable.appendChild(tbody);
        otable.style.border = "solid red 1px;";
      }
      function $(a) {
        return document.getElementById(a);
      }