点击获取当前 td 元素内容，为何 event.srcElement.innerText 无法获取值

在前端开发中，我们经常会遇到需要获取页面元素内容的情况，比如点击表格中的td元素来获取其文本内容。然而，有时候我们会发现使用event.srcElement.innerText却无法获取到预期的值，这究竟是为什么呢？

event.srcElement是IE浏览器中用于获取触发事件的元素的属性，而在其他标准浏览器中，通常使用event.target来获取。这是一个常见的兼容性问题，如果在非IE浏览器中使用event.srcElement，可能根本无法正确获取到目标元素，也就无法获取其innerText值了。

innerText属性在获取文本内容时，可能会受到元素的样式和显示状态的影响。例如，如果td元素的display属性被设置为none，那么innerText可能无法获取到其内容。因为innerText返回的是元素在页面上渲染后的可见文本，对于隐藏的元素，它可能会返回空值。

另外，还可能存在元素嵌套的情况。如果td元素内部包含了其他复杂的HTML结构，比如包含了<script>标签、样式标签或者其他具有特殊属性的元素，innerText在解析时可能会出现问题，导致无法正确获取到我们期望的文本内容。

为了解决这个问题，我们可以采取一些措施。一方面，为了兼容不同的浏览器，我们可以使用event.target来代替event.srcElement，并进行必要的兼容性判断。另一方面，在获取innerText之前，确保元素是可见的，并且检查元素内部的结构是否合理。如果可能的话，也可以考虑使用textContent属性来获取元素的文本内容，它相对innerText来说，更注重获取原始的文本信息，不受样式的影响。

当遇到event.srcElement.innerText无法获取值的情况时，我们需要从浏览器兼容性、元素的显示状态以及元素结构等多个方面去分析和排查问题，这样才能找到合适的解决方案，准确获取到td元素的内容。