网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表格特效
> 正文
利用javascript来静态添加表格行
网络 2009/2/27 22:07:33 深山行者 字体:
大
中
小
浏览 6351
以下为详细代码
<!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> <body> <table align="center" border="1" id="myTable"> <tr height="30" align="center"> <td width="100"> </td> <td width="200">姓名</td> <td width="200">性别</td> </tr> <tbody id="myTbody"> <tr height="30" align="center"> <td><input type="checkbox" name="checode"></td> <td>张三</td> <td>男</td> </tr> <tr height="30" align="center"> <td><input type="checkbox" name="checode"></td> <td>李四</td> <td>女</td> </tr> </tbody> <tr height="30" align="center"> <td colspan="3">结尾</td> </tr> <tr height="30" align="center"> <td colspan="3"><input type="button" onClick="addDetail()" value="aaaaaaaa"></td> </tr> </table> <br /> <br /> <br /> <table align="center" border="1" id="myTable2"> <tr height="30" align="center"> <td width="100"> </td> <td width="200">姓名</td> <td width="200">性别</td> </tr> <tbody id="myTbody2"> <tr height="30" align="center"> <td><input type="checkbox" name="checode"></td> <td>张三</td> <td>男</td> </tr> <tr height="30" align="center"> <td><input type="checkbox" name="checode"></td> <td>李四</td> <td>女</td> </tr> </tbody> <tr height="30" align="center"> <td colspan="3">结尾</td> </tr> <tr height="30" align="center"> <td colspan="3"><input type="button" onClick="addDetail2()" value="aaaaaaaa"></td> </tr> </table> </body> </html>
前一页:
表格斜线
后一页:
经典表格隔行变色程序
相关阅读
留言板(钓鱼岛模板)V5.3
对于网站改版的一些记忆。
计算ASP页面执行时间
深山留言板系统(七夕情人节专用) v3.7
利用asp正则功能去除网页中自定义HTML标记(来自eWebEditor)
pywinauto技术文档
asp过滤所有html标签
深山行者留言系统V2.2 .1 更新下载
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
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还有其它的吗
更多>>
随机抽取信息
网站完成各个浏览器兼容测试
江苏绿叶国际旅行社
CSS的十八般技巧
asp远程调用XML
金岸国际旅行社
Photoshop中精典实用技巧
更多标签
热门标签
技巧
自适应
rss
optgroup
option
window
DIV+CSS做的透明菜单兼容IE、FF等
clear
初级
多选
屏幕
弹窗
数字
innerText
163
文字样式
等待
滑轮
菜单
高
商城
浮动对象
蜘蛛
倒计时
左 右
mssql
刷新
闭合
button
混合
调用
底部
鼠标
货币
层
用户体验
分页
预览
墙
标注
tags
缩小
时钟
进度
转换
关键词
广告
slectindext
FlashFxp
字节数
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号