使用srcElement判断表格的行列

最新推荐文章于 2020-09-21 14:04:08 发布

最新推荐文章于 2020-09-21 14:04:08 发布 · 152 阅读

文章标签：

#xhtml #javascript #ViewUI

本文展示了如何在网页中通过srcElement属性获取由事件触发的元素（如表格中的td）的行和列位置。通过简单的JavaScript函数，用户可以轻松地在表格点击事件中获取所需信息。

srcElement 是IE的属性，对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。

例如：

event.srcElement.tagName,可以得到该事件发生的标签名。

<!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" xml:lang="en" lang="en">
<head>
  <title></title>
  <script type="text/javascript">
    function onGetRowAndCol(){
        if(event.srcElement.tagName.toLowerCase()=='td')
            alert("行："+(event.srcElement.parentNode.rowIndex+1)+"列："+(event.srcElement.cellIndex+1));
    }
  </script>
</head>
<body onload="onGetRowAndCol()">
<table align="center" width="100%" height="400" cellspacing="1" border="1">
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>