用JavaScript操作和控制标签的资料

来源：互联网发布：浪子心声歌词意境知乎编辑：程序博客网时间：2024/06/05 10:09

<html>

<body>

}
}
</script>

</body>

</html>

document.all.myTable.deleteRow(xx)

xx表示某行，下标从0开始计算

动态添加表格的行！

<table border=1>
<tr id=a1>
<td><input></td><td><input></td>
</tr>
</table>
<input type=button name=ok onclick=add()>
<script language=JavaScript>
i=1
function add(){
var newTR = a1.cloneNode(true);
newTR.id="a"+(++i)
a1.parentNode.insertAdjacentElement("beforeEnd",newTR);
}
</script>

<button onClick="add()">add</button>
<button onClick="test()">test</button>
<table id="t1" border="1">
</table>
<script language="JavaScript">
function add(){
t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
}
function test(){
for(i=0;i<t1.rows.length;i++) alert(t1.rows.cells[0].innerHTML);
}
</SCRIPT>

<button onClick="add()">add</button>
<button onClick="del()">del</button>
<table id="t1" border="1"></table>
<script language="JavaScript">
function add(){
t1.insertRow().insertCell().innerHTML = '<input type="radio" name="tt"><input>';
}
function del(){
var c = document.getElementsByName('tt');
for(var i=0; i<c.length; i++)
if(c.checked)
t1.deleteRow(i);
}
</SCRIPT>

<button onClick="add()">add</button>
<button onClick="del()">del</button>
<button onClick="test()">test</button>
<table id="t1" border="1"></table>
<script language="JavaScript">
function add(){
t1.insertRow().insertCell().innerHTML = '<input type="radio" name="tt"><input name="test'+t1.rows.length+'">';
}
function del(){
var c = document.getElementsByName('tt');
for(var i=0; i<c.length; i++)
if(c.checked)
t1.deleteRow(i);
}
function test(){
for(i=0;i<t1.rows.length;i++) alert(t1.rows.cells[0].innerHTML);
}
</SCRIPT>

</table>
<table id=tab2 border=0 cellspacing=1 width=300 bgcolor=gray>
<tr bgcolor=redyellow id=tr1><td>名称</td><td>值</td></tr>
</table>

for(i=0;i<obj.cells.length;i++)
{
tr.style.backgroundColor="white"
tr.onmouseout=function(){this.bgColor="white"}
tr.onmouseover=function(){this.bgColor="#efffff"}
tr.onclick=function(){add2(this)}
tr.insertCell(i).innerHTML=obj.cells(i).innerHTML
}
tab1.deleteRow(obj.rowIndex)
}
function add2(o)
{
//tab1.setExpression
tr=tab1.insertRow()

for(i=0;i<o.cells.length;i++)
{
tr.style.backgroundColor="white"
tr.onmouseout=function(){this.bgColor="white"}
tr.onmouseover=function(){this.bgColor="#efffff"}
tr.onclick=function(){add2(this)}
tr.onclick=function(){add(this)}
tr.insertCell(i).innerHTML=o.cells(i).innerHTML
}
tab2.deleteRow(o.rowIndex)

}

</script>

<html>
<head>
<title>财务收、支日报表</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../css.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--

}

function Check(){
   if (form1.SectionOfficeID.value==""){
      alert("请选择一个科室!");
          form1.SectionOfficeID.focus();
          return false;
   }

   if (form1.Doctor.value==""){
      alert("医生名称不能为空!");
          form1.Doctor.focus();
          return false;
   }

   if (form1.FirstDiagnose.value==""){
      alert("初诊人数不能为空!");
          form1.FirstDiagnose.focus();
          return false;
   }

   if (form1.SecondDiagnose.value==""){
      alert("复诊人数不能为空!");
      form1.SecondDiagnose.focus();
          return false;
   }

   if (form1.FirstTreatmented.value==""){
      alert("初诊治疗人数不能为空!");
          form1.FirstTreatmented.focus();
          return false;
   }

   if (form1.SecondTreatmented.value==""){
      alert("复诊治疗人数不能为空!");
          form1.SecondTreatmented.focus();
          return false;
   }

   if (form1.RecipeAmonut.value==""){
      alert("处方数量不能为空!");
          form1.RecipeAmonut.focus();
          return false;
   }

   if (form1.IncomeItemSum.value==""){
      alert("金额不能为空!");
          form1.IncomeItemSum.focus();
          return false;
   }

form1.submit()
}

i=1;
function Addrow(){
   /*var i=2;
   var row = DataTable.insertRow(i+1)
   var cell = row.insertCell(0)
   cell.innerHTML="jowing test"
   row.style.backgroundColor="#FFFFFF"
   cell = row.insertCell(1)
   cell.innerHTML="<input name='Doctor' type='text' class='line_input' size='8' onmouseover='this.focus()'>"
   row.style.backgroundColor="#FFFFFF"
   */

   var newTR = DataTr.cloneNode(true);
   newTR.id="a"+(++i)
   DataTr.parentNode.insertAdjacentElement("beforeEnd",newTR);

RowReset()

}

function RowReset(){
   var RowCount=DataTable.rows.length-1
   var ReName=RowCount-2
   for (var i=0;i<DataTable.rows[RowCount].cells.length;i++){

      var str=DataTable.rows[RowCount].cells.innerHTML
      str=(str.replace(/name=[/d]*/i,"name="+ReName)).replace(/value=[/w]*/i,"value=''").replace(/(GetIncomeSum)/(/'0/i,"GetIncomeSum('"+ReName);
      DataTable.rows[RowCount].cells.innerHTML=str
   }
}

function View(){

for (var r=1;r<DataTable.rows.length;r++){
     for (var c=0;c<DataTable.rows[r].cells.length;c++){
        alert(DataTable.rows[r].cells[c].innerHTML)
     }
}
}

function ShortcutKey(){
if((event.ctrlKey)&&(window.event.keyCode==13))
Addrow()
}

document.onkeydown=ShortcutKey;
</script>