javascript实现动态表头及表列的展现方法
本文实例讲述了javascript实现动态表头及表列的展现方法。分享给大家供大家参考。具体如下:
<!-- 作者:恺哥 时间:2008-11-5 用途:测试动态表头与动态表列的展现 --> <html> <head> <title>test</title> </head> <body> <script language="javascript"> //初始化表列 var t_column = new Array("col_head"); for(var m=0;m<10;m++){ t_column.push("col"+m); } //初始化表行 var t_row = new Array(); for(var m=0;m<5;m++){ t_row.push("row"+m); } function p(o){ document.writeln(o); } p("<table width=\"95%\" border=\"1\">"); p("<tr>"); for(var i=0;i<t_column.length;i++){ p("<td>"+t_column[i]+"</td>"); } p("</tr>"); for(var j=0;j<t_row.length;j++){ p("<tr>"); p("<td>"+t_row[j]+"</td>"); for(var k=1;k<t_column.length;k++){ p("<td>value"+k+"</td>"); } p("</tr>"); } p("</table>"); </script> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
Javascript动态创建表格及删除行列的方法
本文实例讲述了Javascript动态创建表格及删除行列的方法.分享给大家供大家参考.具体实现方法如下: <!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"
-
JavaScript动态操作表格实例(添加,删除行,列及单元格)
复制代码 代码如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>js动态操作表格</title><script language="javascript">function init(){_table=document.getElementByI
-
javascript动态创建表格及添加数据实例详解
本文实例讲述了javascript动态创建表格及添加数据的方法.分享给大家供大家参考.具体分析如下: 1. 动态创建表格(代码不兼容IE6) <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动态
-
javascript动态向网页中添加表格实现代码
//此段代码在IE9.Firefox.Chorme.safair中测试显示没有问题,给该表格添加了一些简单的样式,基本功能可以实现,还有少量问题有待改进! 效果图如下: 以下是代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <
-
javascript 动态创建表格的2种方法总结
第一种方法: 复制代码 代码如下: <html> <head> <script> function createTable(rows,lines){ this.rows=rows; this.lines=lines; var Body=document.getElementById
-
JavaScript动态改变表格单元格内容的方法
本文实例讲述了JavaScript动态改变表格单元格内容的方法.分享给大家供大家参考.具体如下: JavaScript动态改变表格单元格的内容,下面的代码通过修改单元格的innerHTML来修改单元格内容 <!DOCTYPE html> <html> <head> <script> function changeContent() { var x=document.getElementById('myTable').rows[0].cells; x[0].i
-
javascript实现dom动态创建省市纵向列表菜单的方法
本文实例讲述了javascript实现dom动态创建省市纵向列表菜单的方法.分享给大家供大家参考.具体实现方法如下: <!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/xhtm
-
javascript 动态创建表格
复制代码 代码如下: <html> <head> <script> function createTable(rows,lines){ this.rows=rows; this.lines=lines; var Body=document.getElementById('body'
-
javascript为下拉列表动态添加数据项
javascript为下拉列表添加数据项.html 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>为下拉列表动态添加数据项<
-
JavaScript动态加载样式表的方法
本文实例讲述了JavaScript动态加载样式表的方法.分享给大家供大家参考.具体如下: 如果需要更换皮肤,我们可以通过JS代码动态加载皮肤的样式表,下面的代码就可以做到,非常简单,你只需要把这段代码做成函数动态调用即可. var el = document.createElement('link'); el.rel = 'stylesheet'; el.type = 'text/css'; el.href = 'http://www.jb51.net/...' + 'styles.css';
随机推荐
- JS延时提示框实现方法详解
- Android编程实现对电池状态的监视功能示例
- 详解MySQL数据备份之mysqldump使用方法
- php计算整个mysql数据库大小的方法
- js 判断js函数、变量是否存在的简单示例代码
- destoon官方标签大全
- asp MYSQL出现问号乱码的解决方法
- Java版本的回文字算法(java版本)
- Python语言的面相对象编程方式初步学习
- Android 使用Vitamio打造自己的万能播放器(10)—— 本地播放 (缩略图、视频信息、视频扫描服务)
- php 日期时间处理函数小结
- 批处理FINDSTR正则表达式用法实例分析
- 浅谈箭头函数写法在ReactJs中的使用
- javascript删除Table中的一行的脚本代码
- PHP命名空间(Namespace)的使用详解
- java从输入流中获取数据并返回字节数组示例
- PHP实现单链表翻转操作示例
- Angular中管道操作符(|)的使用方法
- Android中实现WebView和JavaScript的互相调用详解
- nginx+php出现No input file specified解决办法