javascriptでlabelの値取得

vs2012(c#)で

<asp:Label ID="test" runat="server" Text="abc" Visible="true"></asp:Label>

の値をjavascriptで取得したいのですが、下記で実行すると
l1はnullになり取得できません。

var l1 = document.getElementById("test");
var data = l1.innerText;
console.log(data);

そのようにすれば取得できるでしょうか

No.1 ベストアンサー 回答者： shockatz 回答日時： 2014/12/09 00:14

VS2012なら、ASP.NET4ですね。

ならば、"ClientIdMode" でIDを固定すればいい。
マスタページや他のコンテナ・コントロールを使っている場合は、IDが衝突しないよう注意。

<asp:Label ID="test" runat="server" Text="abc" Visible="true" ClientIdMode="Static" />

でID名が固定されます。

<script type="text/javascript">
var l1 = document.getElementById("test");
var data = l1.innerText;
console.log(data);
</script>

この回答へのお礼

こちらもIDが変わってしまうことが原因だったんですね。
とっても勉強になりました。ありがとうございます！

お礼日時：2014/12/10 18:04