使用createElement动态创建HTML对象--javascript教程--网页编织者:web标准教程及推广

javascript教程——特效代码

使用createElement动态创建HTML对象

作者：不详 2008-10-16

一、createElement动态创建HTML对象－－创建链接

二、createElement动态创建HTML对象－－创建DIV

三、createElement动态创建HTML对象－－创建表单项

四、createElement动态创建HTML对象－－创建表格

 
<html> 
<body> 
<script language="javascript"> 
var box = document.body; 
//创建表格 
function createTable(w,h,r,c) 
{ 
    var table = document.createElement("table"); 
    var tbody = document.createElement("tbody");//一定要有tbody，否则IE下不兼容不能创建表格，FF下可以！ 
    table.width = w; 
    table.height = h; 
    table.border = 1; 
    for(var i=1;i<=r;i++) 
    { 
        var tr = document.createElement("tr"); 
        for(var j=1;j<=c;j++) 
        { 
            var td = document.createElement("td"); 
            td.innerHTML = i + "" + j; 
            //td.appendChild(document.createTextNode(i + "" + j)); 
            td.style.color = "#333"; 
            tr.appendChild(td); 
        } 
        tbody.appendChild(tr); 
    } 
    table.appendChild(tbody); 
    box.appendChild(table); 
} 
createTable(800,300,9,9); 
</script> 
</body> 
</html>

提示：您可以先修改部分代码再运行

本站文章可直接用浏览器打印，无须专门打印页。 TOP

站内搜索：

在线手册

javascript教程——特效代码

一、createElement动态创建HTML对象－－创建链接

二、createElement动态创建HTML对象－－创建DIV

三、createElement动态创建HTML对象－－创建表单项

四、createElement动态创建HTML对象－－创建表格