<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function createTable(){
var div=document.getElementById("a");
var _table=document.createElement("table");
_table.setAttribute("border","1");
_table.setAttribute("borderColor","black");
_table.setAttribute("width","200");
for(var i=0;i<10;i++)
{
var _tr=_table.insertRow(i);
for(var j=0;j<10;j++)
{
var _td=_tr.insertCell(j);
var _tn=document.createTextNode(i.toString()+j.toString());
_td.appendChild(_tn);
}
}
var _btn=document.createElement("input");
_btn.type="button";
_btn.value="delete";
_btn.onclick=function()
{
div.removeChild(_table);
div.removeChild(_btn);
}
div.appendChild(_btn);
div.appendChild(_table);
}
</script>
</head>
<body>
<input type="button" onClick="createTable()" value="create"/>
<div id="a"></div>
<!-- http://10.71.210.186/indexlogin.html Adminstrator -->
</body>
</html>
<script language ="javascript">
//http://yezi.iteye.com/blog/78619
</script>
分享到：
相关推荐
JavaScript 动态创建表格知识点总结 JavaScript 动态创建表格是指使用 JavaScript 语言来动态地创建和修改 HTML 表格的行和单元格。这种技术非常有用，特别是在需要频繁地更新表格数据的情况下。 动态创建表格的两...
自已写的一个动态创建表格的qml程序，通过js来控制逻辑，还是很有用
《jQuery动态创建表格生成器代码详解》 在Web开发中，动态生成表格是常见的需求，尤其是在数据展示和交互性较强的应用场景中。jQuery作为一个轻量级的JavaScript库，以其简洁的API和强大的功能深受开发者喜爱。本文...
### JavaScript 下动态创建表格的三种方式 在网页开发过程中，经常需要通过JavaScript来动态地创建或更新HTML元素，其中就包括表格（`<table>`）。本文将详细介绍在JavaScript中动态创建表格的三种常见方法，并对每...
js动态创建表格，利用dom技术动态输入行列来创建表格
JS DOM动态创建表格 行 列
在IT领域，动态创建表格标签是一项常见的编程任务，特别是在网页开发和用户界面设计中。这一技术使得开发者能够根据需要在运行时自动生成表格元素，如`<table>`、`<tr>`（表格行）、`<td>`（表格数据单元格）以及与...
简单的动态创建表格方法
在这个场景中，我们关注的是如何使用 jQuery 动态创建表格，并且为表格的每个单元格赋予随机背景颜色。这通常用于增强用户界面的视觉吸引力，或者在数据展示时提供更直观的区分。 首先，我们需要理解 jQuery 如何...
### 使用JSF页面动态创建表格 #### 背景与目的 在开发Web应用程序时，经常需要根据不同的数据集或用户操作动态生成表格。JavaServer Faces（简称JSF）是一种用于构建服务器端Java应用程序的标准技术，它允许开发者...
"源码"标签暗示我们可能可以从这个资源中获取到实际的JavaScript代码片段，这对于实践和理解动态创建表格的过程至关重要。通过阅读和分析源码，我们可以看到如何将数据结构化为表格格式，并在网页上实时显示。 ...
使用JavaScript和DOM动态创建表格
在IT行业中，动态创建表格是一项常见的任务，尤其是在网页开发中，它能提供灵活的数据展示方式。JQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理和Ajax交互等任务，使得动态渲染表格变得更加便捷。...
### JavaScript 动态创建表格详解 在Web开发中，经常需要使用JavaScript来动态地创建或修改HTML表格元素，以响应用户的交互操作或是展示变化的数据。本文将详细介绍如何使用JavaScript中的`appendChild()`, `...
动态创建表格(Html格式),支持横向统计与纵向统计，支持隐藏表头
在JavaScript中动态创建表格是一项常见的任务，特别是在网页交互和数据展示中。本文将深入探讨如何利用JavaScript的`insertRow()`和`insertCell()`方法来添加行和单元格，以及如何使用`deleteRow()`和`deleteCell()`...
Javascript动态创建表格 兼容google浏览器、360，ie等浏览器，很实用
13-动态创建表格.html