现在的位置: 首页 > 综合 > 正文

怎样获取html表格中鼠标点中的行和列的具体值

2012年02月07日 ⁄ 综合 ⁄ 共 1024字 ⁄ 字号 评论关闭
  <table   border>    
  <tr><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td></tr>    
  <tr><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td></tr>    
  <tr><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td></tr>    
  <tr><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td></tr>    
  <tr><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td><td>Click   and   look   statusBar</td></tr>    
  </table>    
  <script>    
  function   document.onclick(){    
  var   e=window.event.srcElement    
  if(e.tagName=="TD"){    
  window.status="第"+(e.parentElement.rowIndex+1)+"行,第"+(e.cellIndex+1)+"列"    
  }    
  }    
  </script>
function   get()  
  {  
      if(event.srcElement.tagName.toLowercase()   ==   "td")  
      {  
              alert(event.srcElement.cellIndex);  
              alert(event.srcElement.innerText);  
              alert(event.srcElement.parentNode.rowIndex);  
      }  
  }  
  <td   onclick=get()>sdfsdf</td>

抱歉!评论已关闭.