使用JavaScript动态创建表格-优快云博客

本文介绍了一种使用JavaScript动态创建HTML表格的方法。通过获取用户输入的行数和列数，该脚本能够自动生成指定大小的表格并将其插入到网页中。此方法适用于需要根据实时数据调整表格结构的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>

</title>
<script language="javascript" type="text/javascript">
function add(){
var table=document.createElement("table");
table.setAttribute("border","1px");
table.setAttribute("border","solid");
table.setAttribute("borderColor","blue");
table.setAttribute("bgcolor","#3399FF");
table.setAttribute("width","500px");
table.setAttribute("height","200px");
var lie=document.getElementById("lie").value;
var hang=document.getElementById("hang").value;
for(var i=0;i<hang;i++){
var tr=document.createElement("tr");
for(var j=0;j<lie;j++){
var td=document.createElement("td");