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

利用javascript来静态添加表格行

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

以下为详细代码

<!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>

前一页:表格斜线

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

相关阅读: 一个更加高级的CSS菜单,绝对实用,超强的; 深山留言板2.14情人节留言板模板v4.6; 硕思闪客精灵破解版下载; 利用javascript静态改变表单指向与提交方式; 深山行者留言系统V1.0 (简称深山留言V1.0); python中 f 用法; Javascript JS 限制复选框的选择个数(3); 设置自己个性的网页滚动条附详细介绍

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: Html中的Frame详解; jquery实现单选按钮radio选中和取消使用prop()代替attr(); 旅行社手机网站模板5; 五个简单措施增强IIS安全性; 纯div+css制作的弹出菜单-02; '禁止站外提交页面和数据

更多标签热门标签

首字母调色板 px 选择符性能多选框载入光标 Margin加倍在线链接样式验证码文字垂直处理理想客户端设为首页自适应 Request window 状态栏数字失效商城蓝色理想 button 动画分页 eof 转换 open 正则默认高度动态繁体 visite 无限右键 png24 常用购物命名评论告叛断布局选项卡 class 遍历网页制作