asp.net - JavaScript 中的奇怪行为

Question

我有这样一张 table

<table>
  <tr id="trRow1" runat="server" style="display: none">
    <td>First Name:</td>
    <td><asp:Label id="lblFirstName" runat="server"></asp:Label></td>
  </tr>
  <tr>
    <td>Last Name:</td>
    <td><asp:Label id="lblLastName" runat="server"></asp:Label></td>
  </tr>
</table>

如您所见，最初第一行并未显示。当用户单击页面上的某个单选按钮时，会发生异步回发，此时我将 trRow1 的样式设置为“内联”。没有什么花哨;没什么新鲜的。效果很好。

或者至少在我尝试在 javascript 函数中执行以下操作之前。

function Test() {       
  var obj = trRow1.getElementsByTagName("select");
  alert(obj.length);
}

在我调用 Test() 时，我收到一条错误消息“Microsoft JScript 运行时错误:'trRow1' 未定义。”

我猜这与我在使用 AJAX 设置显示样式时遇到麻烦有关，并且无论出于何种原因，即使我将其显示设置为“内联”，DOM 也找不到 trRow1。

谁能告诉我这个问题？我卡住了。

Answer 1

对象 trDegree 未定义，根据您的命名约定，trDegree 看起来像 trDegree 是一个表行元素，我认为您正在尝试执行以下操作:

function WTF() {       
  var trDegree = document.getElementById('trDegree'); // Locate the element
  var obj = trDegree.getElementsByTagName("select");
  alert(obj.length);
}

进一步引用:

• > element.getElementsByTagName