<!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>无标题文档</title>
<script type="text/javascript">
var rowIndexNumber=0;
function addData()
{
rowIndexNumber++;
var row=document.createElement("tr");
row.setAttribute("id",rowIndexNumber);
var column=document.createElement("td");
var row1=document.createElement("tr");
var column1=document.createElement("td");
column1.innerHTML="第二行第1列";
var column2=document.createElement("td");
column2.innerHTML="<input type=text value=>";
row1.appendChild(column1);
row1.appendChild(column2); var row2=document.createElement("tr");
var column3=document.createElement("td");
column3.setAttribute("colSpan",2);
column3.setAttribute("align","center");
column3.innerHTML="第二行TITLE<a href=javascript:deleteData("+rowIndexNumber+")>DELETE</a>";
row2.appendChild(column3);
var tbody=document.createElement("tbody");
var table=document.createElement("table");
tbody.appendChild(row2);
tbody.appendChild(row1);
table.appendChild(tbody);
var outTd=document.createElement("td");
outTd.appendChild(table);
var outRow=document.createElement("tr");
outRow.appendChild(outTd);
outRow.setAttribute("id",rowIndexNumber);
var tbody2=document.getElementById("testTbody"); //这里得到一个数组取数组的第一个
tbody2.appendChild(outRow);
alert(tbody2.innerHTML);
}
function deleteData(aa)
{
var tbody=document.getElementById("testTbody");//这里得到一个数组取数组的第一个
alert(aa);
var tr = document.getElementById(aa);
tbody.removeChild(tr);
}
</script>
</head><body>
<table width="259" border="1" cellspacing="0" cellpadding="0" id="myTable">
<tbody id="testTbody">
<tr id="0">
<td>
<table>
<tr>
<td colspan="2" align="center">第一行<a href="javascript:deleteData(0)">DELETE</a></td>
</tr>
<tr>
<td>
第二行第一列
</td>
<td>
第二行第二列
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<input type="button" value="增加" onclick="addData()" />
<input type="button" value="删除" onclick="deleteData()" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var rowIndexNumber=0;
function addData()
{
rowIndexNumber++;
var row=document.createElement("tr");
row.setAttribute("id",rowIndexNumber);
var column=document.createElement("td");
var row1=document.createElement("tr");
var column1=document.createElement("td");
column1.innerHTML="第二行第1列";
var column2=document.createElement("td");
column2.innerHTML="<input type=text value=>";
row1.appendChild(column1);
row1.appendChild(column2); var row2=document.createElement("tr");
var column3=document.createElement("td");
column3.setAttribute("colSpan",2);
column3.setAttribute("align","center");
column3.innerHTML="第二行TITLE<a href=javascript:deleteData("+rowIndexNumber+")>DELETE</a>";
row2.appendChild(column3);
var tbody=document.createElement("tbody");
var table=document.createElement("table");
tbody.appendChild(row2);
tbody.appendChild(row1);
table.appendChild(tbody);
var outTd=document.createElement("td");
outTd.appendChild(table);
var outRow=document.createElement("tr");
outRow.appendChild(outTd);
outRow.setAttribute("id",rowIndexNumber);
var tbody2=document.getElementById("testTbody"); //这里得到一个数组取数组的第一个
tbody2.appendChild(outRow);
alert(tbody2.innerHTML);
}
function deleteData(aa)
{
var tbody=document.getElementById("testTbody");//这里得到一个数组取数组的第一个
alert(aa);
var tr = document.getElementById(aa);
tbody.removeChild(tr);
}
</script>
</head><body>
<table width="259" border="1" cellspacing="0" cellpadding="0" id="myTable">
<tbody id="testTbody">
<tr id="0">
<td>
<table>
<tr>
<td colspan="2" align="center">第一行<a href="javascript:deleteData(0)">DELETE</a></td>
</tr>
<tr>
<td>
第二行第一列
</td>
<td>
第二行第二列
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<input type="button" value="增加" onclick="addData()" />
<input type="button" value="删除" onclick="deleteData()" />
</body>
</html>
解决方案 »
- jquery的getScript方法引入的js文件如何转化编码?
- 请教各位高人一个简单问题,JS如何修改css的值,对象是@media print,高分送,问题解决即结贴
- highchats控件从坐标轴数据控制
- 多行select鼠標移動怎麼做到和單行select一樣的反白效果?
- 怎样让这个兼容IE6/7和FF
- 请教一个颜色控件的js
- 怎样在js函数中将动态创建的select元素放入已有的表单中进行提交?
- 请问怎么实现本论坛揭贴时给分的效果?
- 请教:TextRange.expand,使用方法与功能?
- 请教:关于打开新窗口后变量传递的问题
- javascript怎么动态生成fieldset并给他添加已存在的函数onclick()
- 这个正则表达式怎么就不起作用呢?
{
var str = document.getElementById("test").value;
var length=str.length;
var flag=false;
var count=0
for(var i=0;i<length;i++)
{
var code = str.charAt(i).charCodeAt();
if(i==0)
{
if(code==46||str.charAt(i)==0)
{
alert("格式也不正确!");
return false;
}
}
if(isNaN(str.charAt(i))&&code!=46)
{
flag=true;
alert("格式不正确");
return flag;
}
if(code==46)
{
count++;
}
}
if(count>1)
{
flag=false;
alert("小数点出现多次!");
return flag;
}
else
{
flag=true;
return flag;
}
}