生成表格？？？

使用JAVASCRIPT生成一个10*10的表格，写入1-100之间的数，并标记为偶数的颜色为红色？

解决方案 »

  1.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ANSI" />
    <title></title>
    <style type="text/css"></style>
    </head>
    <script language="JavaScript" type="text/javascript">
    function test() {
    var tab= document.createElement("table");
    var tbody = document.createElement("tbody");
    tab.border = "1";
    for(var i=0;i<10;i++){
       var tr= document.createElement("tr");
       for(var j=0;j<10;j++){
        var td= document.createElement("td");
    var num=10*i+(j+1);
    if(num%2==0){
      td.style.color="red";
    }
    td.innerHTML=num;
    tr.appendChild(td);
      }
      tbody.appendChild(tr);
    }tab.appendChild(tbody);
    document.body.appendChild(tab);
    }</Script><body onload="test();">
    </body>
    </html> 
      

  2.   

    (function(doc){
    var $c = function(elem){return doc.createElement(elem)}
    var tab = doc.body.appendChild($c('tab')),i=100,j=0,tbody=tab.appendChild($c('tbody')),tr,td;
    while(i--!=0){
    if((i+1)%10==0)tr =tbody.appendChild($c('tr'));
    td = tr.appendChild($c('td'));
    td.innerHTML =i;
    (i+1)%2!==0&&(td.style.backgroundColor="#FF0000")
    }
    })(document);