利用javascript来静态添加表格行 -- [表格特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

利用javascript来静态添加表格行

网络 2009/2/27 22:07:33 深山行者字体:大中小浏览 7252

以下为详细代码

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>利用javascript来静态添加表格行</title>
<script>
function addDetail()
{
     	var oTbody=document.getElementById("myTbody");
	var oTR=document.createElement("tr");
	oTR.align="center";
	oTbody.appendChild(oTR);

var oTD=document.createElement("td");
	oTD.innerHTML="<input type='checkbox' name='checode' >";
	oTR.appendChild(oTD);
	
	var oTD=document.createElement("td");
	oTD.align="center";
	oTD.innerHTML="王五";
	oTR.appendChild(oTD);	
	
	var oTD=document.createElement("td");
	oTD.align="center";
	oTD.innerHTML="男";
	oTR.appendChild(oTD);	
	
}

function addDetail2()
{
     	var oTbody=document.getElementById("myTbody2");
	var oTR=document.createElement("tr");
	oTR.align="center";
	oTbody.appendChild(oTR);

var oTD=document.createElement("td");
	oTD.innerHTML="<input type='checkbox' name='checode' >";
	oTR.appendChild(oTD);
	
	var oTD=document.createElement("td");
	oTD.colSpan="2";//这里这么设置不对吗？
	oTD.align="right";
	oTD.innerHTML="王五(男)";
	oTR.appendChild(oTD);	
	
}
</script>
</head>

前一页:表格斜线

后一页:经典表格隔行变色程序

相关阅读: 重新设定目标与学习方法，好记忆不如烂笔头; 淡蓝色的V2.1加强版; 苏州青年旅行社; 超级实用且不花哨的js代码大全( 2 ); 巧用CSS中的expression来区分只读文本框; table表格详解,了解表格不为人知的属性,标准化你的表格; 页面里面的js和css的放的位置顺序与加载速度分析; 了解CSS中em单位和px单位的区别

共有0条关于《利用javascript来静态添加表格行》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: 用javscript实现为表格的每一行自动加上序号; 鼠标放在表格区域内，当前格的一整行和一整列变色; 鼠标经过表格列时变色; javascript表格内移动上下列，可以做成ajax加上动态程序做成上下移动顺序; 利用javascript鼠标经过表格，行与列变色; 针对table,div隔行变色的JS方法

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 一个非常不错的简单的ajax读取新浪rss的小例子; 曲阜中侨国际旅行社有限公司; 手动调节背景色：背景色能用按钮进行手动调节; CSS设计符合Web标准的网页表单的几个技巧; 巧用ASP技术保护DHTML源代码; 记录滚动条位置

更多标签热门标签

table absolute 搜索引擎市 rnd 下划线禁止游览器风格黑白上传格式静态 photoshop 渐变超出手客户端排版用户体验 ajax id 半透明 javascri 自动获取缩略图 class 变幻 relative time window 理想旅游我想你弹窗小偷留言返回翻滚限制 innerHTML 常用详解 Dreamweaver 添加 title 顶部柱状图加减处理