开发者社区> 杰克.陈> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaScript后台代码操作HTML TABLE的方法

简介: 原文:JavaScript后台代码操作HTML TABLE的方法 var rowNum = 0,fileNum = 0; //行号与列号 var oNewRow; //定义插入行对象 var oNewCell1,oNewCell2; //定义插入列对象 var fileNum = 1; functi...
+关注继续查看
原文:JavaScript后台代码操作HTML TABLE的方法

var rowNum = 0,fileNum = 0; //行号与列号 
var oNewRow; //定义插入行对象 
var oNewCell1,oNewCell2; //定义插入列对象 
var fileNum = 1; 

function addFileToTable(strFile) 

fileNum +=1; 
rowNum = document.getElementById("NewFileList").rows.length; 
oNewRow = document.getElementById("NewFileList").insertRow(rowNum); 
oNewRow.id = "clientRow_" + fileNum; 

//添加第一列 
oNewCell1 = document.getElementById("NewFileList").rows[rowNum].insertCell(0); 
oNewCell1.innerHTML = "<input type='Text' readonly='readonly' style='border:0px;width:100px;' value='" + getFileName(strFile) + "' />"; 

//添加第二列 
oNewCell2 = document.getElementById("NewFileList").rows[rowNum].insertCell(1); 
oNewCell2.innerHTML ="  <span name=" + fileNum + " style='cursor:hand;color:Red; text-decoration:none; font-family:@HGP?????E;' onClick='DelClientRow(this);' >X</span>"; 
}

 

 

ASP.NET后台代码操作HTML TABLE的方法  

例1:该方法是读取服务器上路经为"strFilePath"的文件夹中的所有文件,并显示在页面上ID为"OldFileList"的TABLE中,注意,这个TABLE的"runat=server"。 
public void ShowFilesIn(string strFilePath) 

OldFileList.Rows.Clear(); 
string[] strFileNames = GetFilesInServer(strFilePath); 
for (int i = 0; i < strFileNames.Length; i++) 

HtmlTableRow newRow = new HtmlTableRow(); 
newRow.ID = "serverRow_" + i; 
HtmlTableCell cell1 = new HtmlTableCell(); 
HtmlTableCell cell2 = new HtmlTableCell(); 

cell1.InnerHtml = "<input type='Text' readonly='readonly' style='border:0px;width:90px;' value='" + strFileNames[i] + "' />"; 
cell2.InnerHtml = " <span name=" + strFileNames[i] + " style='cursor:hand;color:Red; text-decoration:none; font-family:@HGP?????E;' onClick='DelServerRow(this);' >X</span>"; 
newRow.Cells.Add(cell1); 
newRow.Cells.Add(cell2); 
OldFileList.Rows.Add(newRow); 

}

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JS实现正则表达式
一、创建正则表达式    一共有两种方式:       1.直接量:var re = /[0-9]*/;       2.通过RegExp对象的构造函数:var re = RegExp("[0-9]*","i"); 二、RegExp中正则表达式的属性与方法,以及String中常用的匹配字符串的方法   1.RegExp():构造函数,有两个参数,第一个参数是正则表达式,第二个参数是表示使用什么样的模式来匹配。
751 0
JS日期时间加减实现
首先,上代码 1 var diffDate = function(date, diff) { 2 return new Date( 3 Date.
762 0
jquery-barcode:js实现的条码打印
这是一个纯js的jQuery插件,项目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html 使用示例: 1 doctype html> 2 3 4 jQuery Barcode ...
1185 0
ToolTip效果通过Js实现代替超链接中的title
View Code  1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2  3  4     自定义Tooltip特效 5      6         body ul 7         { 8       ...
900 0
Js实现网站常用的评分效果!
View Code DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    网站评分特效            *        {            font-size: 50px;        }     ...
718 0
Js实现动态更改Css样式之土豆网开/关灯效果!
 1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2  3  4     开关灯效果 5      6         body 7         { 8             background: #FFF; 9         }10         .
788 0
js操作的跨域问题:js实现自动设置框架载入页面高度的问题
*{border:0px; margin:0px; padding:0px;}首页   function setHeight(){  var iframe = document.getElementById("middle");     try{       var aHeight = iframe.
747 0
Asp.net+Xml+js实现无线级下拉菜单
地址如下:http://xucanzhao.cnblogs.com/archive/2005/09/01/228012.htmlAsp.net+Xml+js实现无线级下拉菜单
569 0
+关注
杰克.陈
一个安静的程序猿~
10424
文章
2
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载