javascript動態產生table

javascript動態產生Table是在迫不得以的情況下使用。因為表格會耗費大量的時間進行重繪。 而且如果視窗變化了，還會引起意想不到的格式變化。所以最好不要使用。

先在<form>中添加一個<div id='divTable'></div>下面就可以使用javascript代碼來做這個事情：

function createTable(divName)

...{

    var div = document.getElementById(divName);
    var table = document.createElement("table");//建立table
    var row = table.insertRow();//建立一行
    var cell = table.insertCell();//建立一個單元
    cell.width = "10";//更改cell的各種屬性
    cell.style.backgroundColor = "#999999";
}

 

你還可以發揮下想象力動態地建立各種各樣的控制項。上面的function是放置JS檔案中的。

如果在html中的調用<script type="..." src="*.js"></script>

這裡是建立了一個Table的元素，但是還沒有載入到div層中去。

這裡最好不使用div.innerHTML也不要使用div.innerText

要使用div.appendChild(table);