遍曆頁面所有的INPUT控制項,然後輸出在表格對應的行列

來源:互聯網
上載者:User

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<TABLE id=oTable border=1>
  <tr>
    <td rowspan="3">&nbsp;<INPUT TYPE="text" NAME="a"></td>
    <td>&nbsp;<INPUT TYPE="text" NAME="a"></td>
    <td>&nbsp;<INPUT TYPE="text" NAME="b"></td>
  </tr>
  <tr>
    <td>&nbsp;<INPUT TYPE="text" NAME="c"></td>
    <td>&nbsp;<INPUT TYPE="text" NAME="d"></td>
  </tr>
  <tr>
    <td>&nbsp;<INPUT TYPE="text" NAME="e"></td>
    <td>&nbsp;<INPUT TYPE="text" NAME="f"></td>
  </tr>
</TABLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
function searchObjByTagName(obj, tag)
{
  while(obj!=null && typeof(obj.tagName)!="undefind"){
  if(obj.tagName==tag.toUpperCase()) return(obj);
  obj=obj.parentElement; } return null;
}
var inputs = document.getElementById("oTable").getElementsByTagName("INPUT");
str = "";
for(var i=0; i<inputs.length; i++)
{
  var td = searchObjByTagName(inputs[i], "TD");
  var tr = td.parentNode;
  if(inputs[i].name)
    str+="name = "+ inputs[i].name +" 的input在表格的第 "+ (tr.rowIndex+1) +" 行第 "+ (td.cellIndex+1) +" 列!<br>";
}
document.write(str);

//-->
</SCRIPT>
</BODY>
</HTML>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.