如何在 ASP.NET 中通过 id 获取元素？

Question

我尝试了所有可能的解决方案来通过 id 获取元素的值，但没有奏效。我正在使用 ASP.NET，我搜索了控件并且我知道服务器更改了 TextBox1 的 id，所以我们使用 clientID。但是当我写console.log(data1) 时，我什么也得不到或没有空间。

var data1 = document.getElementById('MainContent_TextBox1').textContent;
var data1 = document.getElementById("<%=MainContent_TextBox1.ClientID %>").value; 

这是 ASPX 代码：

<asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>

这是 JS 代码：

 var data1 = document.getElementById('MainContent_TextBox1').textContent;

在控制台中，我收到此错误：

Uncaught SyntaxError: Unexpected end of input and its reference in the master file！

console.log(data1); 在控制台中显示为空白。

如果有人知道另一种方法或为什么它不起作用，请告诉我。

Answer 1

1.您可能遇到与本题相同的问题：

Javascript Get Element by Id and set the value

如果在您的 javascript 运行之前页面尚未加载该元素，getElementById 将返回 null。

“所以，确保你的[元素]确实存在于页面中，然后调用[getElementById]，你可以使用window.onload或者$(document).ready函数。”

2.错误： Uncaught SyntaxError: Unexpected end of input and its reference in the master file 可能是由于缺少小括号或其他格式错误引起的。仔细检查所有内容是否正确。

Answer 2

服务器控件的 ID 被更改并附加内容占位符 ID，因此一个非常简单的解决方案是在服务器控件上设置属性 ClientIDMode="static"。通过设置此控件 ID 将保持不变且不会更改，因此您将在 javascript 中通过 getElementById 找到它。

<asp:TextBox ID="TextBox1" runat="server" ClientIDMode="static" ></asp:TextBox>

Answer 3

您可以尝试像这样在内容页面中获取母版页控件值。 document.getElementById('')。如果是同一页，那么您应该可以直接使用 document.getElementById("")。