- 浏览: 182618 次
- 性别:
- 来自: 杭州
最新评论
-
boosi:
public static void main(String[ ...
MD5 生成32位或16位字符串 -
南通ori:
还是你的对的。。。顶。。。实践出真知。
tomcat startup.bat配置JAVA_HOME -
jspc:
ok.thanks
JDK 1.6 API 官方 下载地址 -
wentao365:
明明是 32位啊。怎么是128 位呢?
怎样用java生成GUID与UUID
自: http://fulong258.blog.163.com/blog/static/1789504420088229280691/
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> JS操作表格 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
</body>
<script language="javascript">
//添加表格
function loadTable()
{
var tb = document.createElement("table");
var rowTitle = tb.insertRow();
var cellTitle1= rowTitle.insertCell();
var cellTitle2= rowTitle.insertCell();
cellTitle2.colSpan = 2;
cellTitle2.align = "right";
cellTitle2.innerHTML = "<input type = 'button' value= '确定' onclick='addRow(this.parentElement)'>";
cellTitle1.innerHTML = "<span>添加</span>";
loadSelect(cellTitle1);
for(var i = 0; i < 10; i++){
var row = tb.insertRow();//添加行
loadCells(row, i);
}
//设置属性
tb.id = "tb";
tb.align="center";
tb.cellPadding = 1;
tb.bgColor="#ffffee";
tb.style.borderWidth = "1px";
tb.style.borderCollapse = "collapse";
tb.style.borderStyle = "solid";
tb.rules = "ALL";//应用全部
tb.borderColor = "#000000";
document.body.appendChild(tb);
}
//添加单元格
function loadCells(rowObj,m)
{
var cell1 = rowObj.insertCell();//添加单元格
var cell2 = rowObj.insertCell();//添加第二个单元格
var cell3 = rowObj.insertCell();
cell1.innerHTML = " " + parseInt(m + 1) + " ";
cell2.innerHTML = "<input type='text' name='txt_name' value=''>";
cell3.innerHTML = "<span style='cursor:hand;' onclick='delRow(this)'> × </span>";
}
//添加select框
function loadSelect(obj)
{
var s = document.createElement("select");
s.id = "sel_count";
s.name = s.id;
for(var i = 1; i <= 10; i++){
var opt = new Option(i+"行",i);
s.options.add(opt);
}
obj.appendChild(s);
}
//删除行
function delRow(obj)
{
var tr = obj.parentElement.parentElement;
var tb = tr.parentElement.parentElement;//table标签和tr标签隐式存在一个tbody
tb.deleteRow(tr.rowIndex);
}
//选择好的个数的行,传入单元格
function addRow(obj)
{
var tr = obj.parentElement;
var cnt = (tr.cells[0]).children[1].value;//个数
var tb = tr.parentElement.parentElement;
var lastRow = tb.rows[tb.rows.length - 1];//获得当前最后一行
var maxIndex= parseInt(lastRow.cells[0].innerText);//获得当前表格中显示的最好编号
for(var i = 0; i < cnt; i++){
var newRow = tb.insertRow();
loadCells(newRow,parseInt(maxIndex + i));
}
}
loadTable();
</script>
</html>
********************************************************************************
<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
function showTable(id){
var tb=document.getElementById(id);
var rows=tb.rows;
for(var i=0;i<rows.length;i++){
var cells=rows[i].cells;
for(var j=0;j<cells.length;j++){
alert(cells[j].childNodes[0].value);
}
}
}
function showTd(id){
var td=document.getElementById(id);
var cell=td.parentElement;
alert(cell.childNodes[0].value);
alert(cell.cellIndex);
}
</SCRIPT>
</head>
<body>
<input type="button" onclick="showTable('mailTable');" value="遍历table"/>
<input type="button" onclick="showTd('th01Input');" value="取得td的index"/>
<table id="mailTable">
<tr>
<th><input value="th00"></th>
<th><input name="th01Input" value="th01"></th>
</tr>
<tr>
<td><input value="th10"></td>
<td><input value="th11"></td>
</tr>
<tr>
<td><input value="th20"></td>
<td><input value="th21"></td>
</tr>
</table>
</body>
</html>
另外ie,firefox以及其它浏览器对于 table 标签的操作都各不相同,
在ie中不允许对table和tr的innerHTML赋值,使用js增加一个tr时,
使用appendChile方法也不管用。
//向table追加一个空行:
var otr = otable.insertRow(-1);
var otd = document.createElement("td");
otd.innerHTML = " 测试";
otd.className = "css";
otr.appendChild(otd);
更多请进:
发表评论
-
实现Comparator的比较器
2010-05-18 10:39 1016比较的对象类 class GroupInfo { ... -
jsp中影响编码的属性及其设置小结(contentType,pageEncoding,charset)
2009-12-29 17:11 959转自:http://blog.csdn.net/J ... -
一键安装双击运行——Java安装程序制作
2009-12-09 16:05 1847标 题: 一键安装双击运行——Java安装程序制作作 者: ... -
tomcat startup.bat配置JAVA_HOME
2009-07-30 17:50 11353使用zip的tomcat包,不改变系统的环境变量JAVA_HO ... -
java 潜拷贝和深拷贝
2009-07-28 17:39 984自 http://kuangbaoxu.iteye.com/b ... -
jdk 1.5新特性说明
2009-07-27 09:37 967自: http://pwosboy.iteye.com ... -
java---final 关键字 和 static 用法
2009-07-27 09:21 936final 关键字 和 static 用法 一、final ... -
JAVA中final修饰对象引用
2009-07-23 15:29 11051原来我错了; final 修饰的量以视为常量, ... -
js 循环table 获取input里面的属性值
2009-07-14 15:41 11586<html> <head> ... -
Java中获取myql数据源
2009-06-30 17:32 30651.在tomcat 中配置mysql 数据源 impo ... -
java 调用存储过程
2009-06-30 16:00 950java 调用存储过程的简单例子: public ... -
double保留两位小数(四舍五入)
2009-06-17 11:26 9413//val为处理double 数字,precsion为保留小数 ... -
Java获取各种常用时间方法
2009-06-16 20:46 947这个引用别人的一个 有 ... -
Jfig 读取文件
2009-06-10 17:41 1838Jfig 读取文件 需要导入个jar包jfig-1.5.2. ... -
JFig读取配置文件
2009-06-10 15:25 1465转自http://42087743.iteye.com/blo ... -
struts2 jar包导致的问题
2009-05-21 13:52 2683创建struts2的web工程,启动tomcat时发生如下问题 ... -
wap 开发问题笔记
2009-05-19 11:24 836本文章仅作个人开发时的笔记使用,正确与否概不关心 ****** ... -
struts2.0 displayTag
2009-05-13 17:20 1269一、最简单的情况,未使用<display:column/ ... -
MD5 生成32位或16位字符串
2009-05-07 09:13 8073package com.necsthz.questionnai ... -
怎样用java生成GUID与UUID
2009-05-06 19:47 5647GUID是一个128位长的数字,一般用16进制表示。算法 ...
相关推荐
javascript 绘制表格table,可以固定首行,首列,其他内容滚动显示.兼容ie,firefox,chrome等浏览器.
本文实例讲述了javascript清空table表格的方法。分享给大家供大家参考。具体如下: 1. 通常方法 循环table的rows,然后一个一个删除。 这个方法是通常的方法,可行,但是效率不好。 2. 另一个方法 var artTable = ...
使用JavaScript实现表格排序,点击表头切换升序降序,非常简单
主要介绍了如何使用javascript来获取table中单元格,行的数据,属性等
javascript动态添加表格数据行 在很多web应用中,我们会遇到很多需要动态插入多行纪录的地方。比如,在人才网站上,我们填写简历的时候,我们要填写我们的项目经验,我们可以根据自己的实际情况动态的添加条数,这种...
分享一款原生js table表格自动排序效果,个人感觉很好用
JavaScript动态操作表格,添加,删除行、列及单元格
主要介绍了JavaScript获取表格(table)当前行的值、删除行、增加行,本文直接给出代码示例,需要的朋友可以参考下
NULL 博文链接:https://zyz.iteye.com/blog/1743610
JavaScript遍历table的行和列 JavaScript遍历table的行和列
javascript 实现table展开折叠,table的th部分不变,下端的tr折叠
项目上有一个表格需要实现在线编辑,开始用了 element 的el-table 实现,单元格内基础情况就是监听了单击单元格切换一个span标签与input标签,复杂点的单元格使用了大量的条件判断来实现对应的编辑操作,比如下拉...
使用javascript在客户端对表格进行排序的例子
html网页 table表格增加序号显示javascript
对表格的行和列进行插入/删除,并对每行添加行号
纯javascript增加删除表格行,新增,删除行
提供了四个修改表格的信息,然后提交数据库中修改
动态将html的表格变成可编辑的,内含调用demo, 使用者可迅速上手。
拖拽改变列宽的功能网上很多,但是拖拽改变行高的我搜了很久,也没有发现可以用的。所以利用原有改变行高的模版,自己写了一个原生javascrript改变列宽的模版。