js中建立table表格

時間 2019-11-20

原文原文鏈接

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <script type="text/javascript">        function createTable(){            var table = document.createElement("table");            table.border = "1";            table.width = "100%";            //table API            //建立一行            //var tr = table.insertRow(table.rows.length);            //建立單元格            //var td = tr.insertCell(tr.cells.length);            var tr,td;            for(var i=0;i<6;i++){                //循環插入元素                tr = table.insertRow(table.rows.length);                if(i%2 === 0){                    tr.style.backgroundColor = "red";                }else{                    tr.style.backgroundColor = "green";                }                for(var j=0;j<5;j++){                    td = tr.insertCell(tr.cells.length);                    td.innerHTML = "第"+i+"行，第"+j+"列";                    td.align = "center";                }            }            //td.innerHTML = "測試";            document.querySelector("#tb").appendChild(table);        }    </script></head><body><input type="button" onclick="createTable()" value="createTable"><hr><div id="tb"></div></body></html>

相關標籤/搜索