write a table using javascript dom

最新推荐文章于 2024-12-21 13:40:56 发布

原创最新推荐文章于 2024-12-21 13:40:56 发布 · 65 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #XHTML #HTML #ViewUI

<!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>javascript dom测试</title>   
<script language="javascript">   
function createTable()   
{   
    var $=document;   
    var table=$.createElement("table");   
    table.bgColor="gray";   
    table.width="50%";   
    table.border=0;   
    table.cellSpacing=1;   
    var tbody=$.createElement("tbody");   
       
    table.appendChild(tbody);   
       
    for(var m=0;m<5;m++)   
    {   
        var tr=tbody.insertRow(m);   
        for( var n=0;n<8;n++)   
        {   
            var td=tr.insertCell(n);   
            td.innerHTML= (m+1)+","+(n+1) ;   
            td.bgColor="white";   
            td.height=25;   
        }   
    }   
    document.body.appendChild(table);   
}   
   
</script>   
</head>   
   
<body onload="createTable()">   
</body>   
</html>