srcElement表格样式

srcElement 表示事件源对象，即触发该事件的元素。通过该属性，我们可以对事件源对象执行一些操作，比如修改元素的样式等。

在表格中，我们可以利用该属性来修改表格的样式，下面提供两个示例说明。

示例一：通过鼠标悬浮事件修改表格行背景色

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr onmouseover="this.style.backgroundColor='yellow'"
      onmouseout="this.style.backgroundColor=''">
    <td>张三</td>
    <td>18</td>
    <td>男</td>
  </tr>
  <tr onmouseover="this.style.backgroundColor='yellow'"
      onmouseout="this.style.backgroundColor=''">
    <td>李四</td>
    <td>20</td>
    <td>男</td>
  </tr>
  <tr onmouseover="this.style.backgroundColor='yellow'"
      onmouseout="this.style.backgroundColor=''">
    <td>王五</td>
    <td>19</td>
    <td>女</td>
  </tr>
</table>

在这个示例中，我们使用了onmouseover和onmouseout事件来处理鼠标悬浮和离开事件，利用this关键字指代当前事件源对象，然后通过修改其style属性中的backgroundColor值来改变元素背景色。

示例二：通过单击事件修改表格列字体颜色

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td onclick="this.style.color='red'">张三</td>
    <td onclick="this.style.color='red'">18</td>
    <td onclick="this.style.color='red'">男</td>
  </tr>
  <tr>
    <td onclick="this.style.color='red'">李四</td>
    <td onclick="this.style.color='red'">20</td>
    <td onclick="this.style.color='red'">男</td>
  </tr>
  <tr>
    <td onclick="this.style.color='red'">王五</td>
    <td onclick="this.style.color='red'">19</td>
    <td onclick="this.style.color='red'">女</td>
  </tr>
</table>

在这个示例中，我们使用了onclick事件来处理元素单击事件，同样利用this关键字指代当前事件源对象，然后通过修改其style属性中的color值来改变元素字体颜色。注意，这里是修改单元格的字体颜色，所以onclick事件绑定的是td元素而不是tr元素。

总之，通过 srcElement 表格样式 可以实现许多有趣的交互效果，但我们需要掌握其正确的使用方法，避免对代码可读性和维护性造成影响。