Javascript對表格的操作[知識積累帖]

1.對表格進行添加行的操作
任務:在一個五列的表格中添加一個單元格,對其colspan=5，並設置其樣式
IE:

1 var table=document.getElementById("tableTest"); 
2 var tr=table.insertRow();
3                     var td=tr.insertCell();
4                     td.colSpan="5";
5                     //colSpan要大寫,列數要用引號括起
6                     td.style.textAlign="center";
7                     td.style.height="30px";
8                     td.style.lineHeight="30px";
9                     td.innerText="該文件夾下沒有任何文件!";

FF:FF下是標准的DOM操作,但IE6不支持

var table=document.getElementById("tableTest");
var tr=document.createElement("tr");
                    var td=document.createElement("td");
                    td.setAttribute("colspan","5");
                    td.setAttribute("style","text-align:center;height:30px;line-height:30px;");
                    var text=document.createTextNode("該文件夾下沒有任何文件!");
                    td.appendChild(text);
                    tr.appendChild(td);
                    table.appendChild(tr);

將它們合並在一起作為兼容IE或FF的代碼:

 if(document.all)
                {
                    var tr=table.insertRow();
                    var td=tr.insertCell();
                    td.colSpan="5";
                    td.style.textAlign="center";
                    td.style.height="30px";
                    td.style.lineHeight="30px";
                    td.innerText="該文件夾下沒有任何文件!";
                }
                else
                {
                    var tr=document.createElement("tr");
                    var td=document.createElement("td");
                    td.setAttribute("colspan","5");
                    td.setAttribute("style","text-align:center;height:30px;line-height:30px;");
                    var text=document.createTextNode("該文件夾下沒有任何文件!");
                    td.appendChild(text);
                    tr.appendChild(td);
                    table.appendChild(tr);
                }