js操作表格

tangwenchao86

浏览: 379732 次
性别:
来自: 北京

最近访客更多访客>>

gxlit

learnschema1

Blue丶s

cjwcjwwjcwjc

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

工作

<html>

<head>

<script>
function addSuffixRow(){
	//alert(document.all.suffixTable.innerHTML)
	if(document.all.suffixTable.rows.length > 19){
		alert("您最多可以批量查询60个域名。");
	}else{
	
		//添加一行
		var newTr = document.all.suffixTable.insertRow();
		//添加两列
		var newTd0 = newTr.insertCell();
		var newTd1 = newTr.insertCell();
		var newTd2 = newTr.insertCell();
                
		newTd0.width="33%";
		newTd1.width="33%";
		newTd2.width="33%";
		

		//设置列内容和属性
		newTd0.innerHTML = '<input name="suffix" type="text" class="input" maxlength="70" style="width:195;">';
		newTd1.innerHTML = '<input name="suffix" type="text" class="input" maxlength="70" style="width:195;">';
		newTd2.innerHTML = '<input name="suffix" type="text" class="input" maxlength="70" style="width:195;">';

	}
}


function deleteSuffixRow(){
	if(document.all.suffixTable.rows.length == 1){
		alert("不能删除最后一行!");
	}else{
		var lastIndex = document.all.suffixTable.rows.length - 1;
		document.all.suffixTable.deleteRow(lastIndex);
	}
}

function traceTable() {
	var k = document.all.suffixTable.rows.length;
	var l = document.all.suffixTable.rows[0].cells.length;
        alert(document.all.suffixTable.rows[0].cells[1].innerHTML);
 	alert(document.all.suffixTable.rows[0].cells[1].childNodes[0].innerText="输入的字");


}

</script>
</head>
<body>
	<table width="99%" border="0" cellpadding="0" cellspacing="1" id="suffixTable"
								class="DoubleColorTable">
								<tr>
									<td style="width: 33%"  align="left">
										<input name="suffix" type="text" class="input" maxlength="77"
										 style="width:195;"/>
									</td>
									<td style="width: 33%" >
										<input name="suffix" type="text" class="input" maxlength="77"
										  style="width:195;"/>
									</td>
									<td style="width: 33%" >
										<input name="suffix" type="text" class="input" maxlength="77"
										  style="width:195;"/>
									</td>
								</tr>
								<tr>
									<td style="width: 33%"  align="left">
										<input name="suffix" type="text" class="input" maxlength="77"
										 style="width:195;"/>
									</td>
									<td style="width: 33%" >
										<input name="suffix" type="text" class="input" maxlength="77"
										  style="width:195;"/>
									</td>
									<td style="width: 33%" >
										<input name="suffix" type="text" class="input" maxlength="77"
										  style="width:195;"/>
									</td>
								</tr>
								<tr>
									<td style="width: 33%"  align="left">
										<input name="suffix" type="text" class="input" maxlength="77"
										 style="width:195;"/>
									</td>
									<td style="width: 33%" >
										<input name="suffix" type="text" class="input" maxlength="77"
										  style="width:195;"/>
									</td>
									<td style="width: 33%" >
										<input name="suffix" type="text" class="input" maxlength="77"
										  style="width:195;"/>
									</td>
								</tr>
							</table>
								<!-- tr id="list" style="display:none;">
									<td align="left">
										<input name="suffix" type="text" class="input"
											style="width:100%;" />
									</td>
									<td>
										<input name="suffix" type="text" class="input"
											style="width:100%;" />
									</td>
									<td>
										<input name="suffix" type="text" class="input"
											style="width:100%;" />
									</td>
								</tr -->
						</div>
						<div style="background:#fff; padding:5px; height:20px;">
							<p class="textLeft">
								<a href="#" onclick="addSuffixRow();return false;">点击这里添加一行</a>
							</p>
							<p class="textLeft" >
								<a href="#" onclick="deleteSuffixRow();">点击这里删除最后一行</a>
							</p>
						        <p class="textLeft" >
								<a href="#" onclick="traceTable();">遍历表格</a>
							</p>


                                                </div>

</body>



</html>

分享到：

将普通的键值对转换成xml形式的键值对 | PLS-306: wrong number or types of argume ...

2011-02-12 11:24
浏览 1626
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js操作表格

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js操作表格

评论

发表评论

相关推荐

id to load is required for loading

mysql随机获取记录

分享到微博js

js 定位

jstl标签 函数

java.lang.IllegalArgumentException: Failed to parse a valid name/value pair from

JS中setTimeout()的用法详解

Spring中的四种声明式事务的配置

事务的传播行为和隔离级别

Spring 利用PropertyPlaceholderConfigurer占位符

js动态添加删除表格

Duplicate class/entity mapping com.sitechasia.xinnet.admin.checkip.model.AdmUser

java.lang.IllegalArgumentException: URLDecoder: Illegal hex characters in escape

servlet页面跳转

ContentType

简单的下载例子

Spring Quartz定时器

java操作Excel（Jakarta_POI）

POI类库之工作表中文名乱码问题

cvs.exe [checkout aborted]: connect to scm1.ceopen.cn:2401 failed: 套接字操作尝试一个无法连接

最近访客更多访客>>

jstl标签函数