js写table，关键是里面用js加样式-优快云博客

本文介绍如何使用HTML和JavaScript来创建一个动态表格，并通过CSS实现特定样式效果。通过创建一个包含表头和数据的表格，我们展示了如何在客户端进行交互操作，包括设置表格背景颜色和字体大小。

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

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default10.aspx.cs" Inherits="Default10" %>

<!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 runat="server">
    <title>无标题页</title>
    <style type="text/css">
        .red{height:200px;font-size:30px;background-color:Gray;}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    </div>
    </form>
</body>
</html>
<script language="javascript" type="text/javascript">

var tbody = document.createElement("TBODY");
tbody.setAttribute("class","red");
var table= document.createElement("table");
table.style.color = "Red";
table.setAttribute("width","100%");
table.setAttribute("height","100px");
table.setAttribute("className","red");
var row = document.createElement("tr");
var cell = document.createElement("td");
var c  = document.createAttribute("styles");
c.nodeValue = "font-size:large";
cell.setAttributeNode(c);
cell.innerText = "1";
//cell.setAttribute("style","font-size:large;");

var cell1 = document.createElement("td");
cell1.style.setAttribute("color","blue");
//cell1.style.setAttribute("backgroundColor","green");
cell1.innerText = "2";
cell1.setAttribute("className","red");
row.appendChild(cell);
row.appendChild(cell1);
tbody.appendChild(row);
table.appendChild(tbody);
alert(table.outerHTML)
document.body.appendChild(table);
</script>