JavaScript-js-创建表格-创建多行多列表

来源:互联网 发布:淘宝嘉年华是什么意思 编辑:程序博客网 时间:2024/06/03 23:02
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>创建多行多列表格</title><script type="text/javascript">function addTable(){var rowsLength=20;//行数var colLength=10;//列数var position = document.getElementById("blue");//定义table生成的位置var objTable = document.createElement("table");objTable.border="1";for(var i=0;i<rowsLength;i++){var objTr = document.createElement("tr");for(var j=0;j<colLength;j++){var objTd = document.createElement("td");objTd.innerText = "第"+(i+1)+"行"+(j+1)+"列"; objTr.appendChild(objTd);}objTable.appendChild(objTr);}position.appendChild(objTable);}</script></head><body><input type="button" value="输出" onclick="addTable()"><div id="blue"></div></body></html>

0 0