为什么生成不了TABLE?

Question

<script type="text/javascript">    $(document).ready(function() {
        initCity();
    })
</script>在前台:
 <table id="test" border="0" cellpadding="0" align="right"  cellspacing="0" width="40%">
</table>在JS文件里:
function getNum() {
            var tr1 = document.getElementById("test").insertRow();            for (var j = 0; j < 5; j++) {                var td1 = tr1.insertCell();
                td1.width = "20px";
                td1.innerHTML = "<a href='#' id='pageUrl'" + (j + 1) + " class='link'>" + (j + 1) + "</a>";
            
        }
    })
}此方法在initCity()这个方法里调用了.可是为什么在页面上就是写不出东西呢?麻烦赐教!

Answer 1

你的JS都不对，都没有生成一般是这么做var   tab=document.createElement('table');   
  var   tr=document.createElement('tr');   
  var   td=document.createElement('td');   
  td.innerText='aaaaaaa';   
  tr.appendChild(td);   
  tab.appendChild(tr);   
  tab.bgcolor='blue';   
  t1.appendChild(tab);   
  t1.outerHTML   =   t1.outerHTML;   

Answer 2

JS代码中多了点不应该出现的东西"})"，下面用红色标记出来了。
function getNum() { 
            var tr1 = document.getElementById("test").insertRow();             for (var j = 0; j < 5; j++) {                 var td1 = tr1.insertCell(); 
                td1.width = "20px"; 
                td1.innerHTML = " <a href='#' id='pageUrl'" + (j + 1) + " class='link'>" + (j + 1) + " </a>"; 
            
        } 
    }) 
} 

Answer 3

function getNum() { 
            var tr1 = $('<tr/>');            for (var j = 0; j < 5; j++) { 
               var a = $('<a id="pageUrl'+(j + 1)+'" class="link"/>').attr('href','#')
               var td1 = $('<td/>');
               td1.append(a);
               tr1.append(td1);     
           } 
} 要是我用jquery就这么写

Answer 4

用JQUERY那么写也不成的!还是出不来东西!

Answer 5

怎么会呢，我把你的代码拿过来，去掉这个 }) 就可以直接用了哦
会不会是你的调用出了问题？
alert()一下，看看这个函数有没有被执行到。

Answer 6

函数执行到,但是运行到var tr1 = document.getElementById("test").insertRow();时JS报错,说此对象不支持此属性或方法....