js里面使用insertCell() onclick事件获取原控件信息

http://zhidao.baidu.com/question/39824420.html

这个是原始的比较笨的方法,这个方法一旦在tab多行的情况下就不管用了,请看下面的改进方法

应该是这个方法setAttribute("id","yourName");
例子;
<html>
<script language="javascript">
 function createTr(){
  var tb=document.all.tb;
  var tr=tb.insertRow();
  var td=tr.insertCell();
  td.innerHTML="test";
  td.setAttribute("id","newTd");
  td.value="test";
  td.onclick=clickMe;
 }
 function clickMe(){
  var td=document.getElementById("newTd").value;
  alert(td);
 }
 </script>
 <body>
  <table border="1" id="tb">
   <tr>
    <td onclick="createTr()">click Me</td>
   </tr>
  </table>
 </body>
</html>

改进方法

<script language="javascript">
 function createTr(){
  var tb=document.all.tb;
  var tr=tb.insertRow();
  var td=tr.insertCell();
  td.innerHTML="test";
  td.setAttribute("id","newTd");
  td.value="test";
  td.onclick=clickMe(this);
 }
 function clickMe(tobject){ var td=tobject.value; alert(td); }
 </script>


你可能感兴趣的:(js里面使用insertCell() onclick事件获取原控件信息)