javascript当中,如何创建一个table的row和cell?
例 2.2(CreateTRTD3IEFF.html)
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<TITLE></TITLE>
</HEAD>
<BODY id="body">
</BODY>
</HTML>
<script>
/*Node.appendChild() (Method)
A new child node object is added to the end of the list of immediate children of this node. 马克-to-win: note: immediate is very important, table and tr is not immidiate,so table can not appendChild tr, while, table can append tbobdy, then tbody append tr. if you really want to connect table and tr, you must use insertRow like in this example.
Document.createElement() (Method)
A method to create a new element within a document.
Property/method value type: Element object
*/
var table = document.createElement("table");
/*TABLE.border (Property)
The width of the border around cells in a table.
*/
table.border=2;
//为表格循环插入2行
for (var i = 0 ; i < 2 ; i++)
{
/*
TABLE.insertRow() (Method)
Insert a new row into the table at a specified row index.
Property/method value type: TR object
JavaScript syntax: - myTABLE.insertRow(anIndex)
Argument list: anIndex The row at which to insert a new row
马克-to-win:note that Table has this method of "insertRow" which directly insert a row into a table without passing through tbody.
*/
var tr = table.insertRow(i);
//为每行循环插入3列
for (var j = 0 ; j < 3 ; j++)
{
undefined
/*TR.insertCell() (Method)
You can insert an additional cell into the row within a table with this method.
returned Property/method value type: TD object
更多内容请见原文,文章转载自:https://blog.csdn.net/qq_43650923/article/details/103046440
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义