c# - 获取节点的文本

Question

在 ASP.NET 应用程序中，我有一个 IreeView。

这是 View 中的一个节点:

<td style="white-space: nowrap;">
<input id="TreeView1n10CheckBox" type="checkbox" checked="checked" name="TreeView1n10CheckBox">
<a id="TreeView1t10" onclick="TreeView_SelectNode(TreeView1_Data, this,'TreeView1t10');" href="javascript:__doPostBack('TreeView1','sPreAnalytical\\Test Requisitions\\2 Specimens: 1 Req')" class="TreeView1_0">2 Specimens: 1 Req</a>

如您所见，它是一个复选框，它后面有文本 'TreeView1','sPreAnalytical\\Test Requisitions\\2 Specimens: 1 Req'

如何在客户端获取文本 2 Specimens: 1 Req'，以及如何使用 JavaScript 修改此文本并将修改后的 TreeView 显示给客户端？

这很漂亮:

function check_OnTreeNodeChecked(event) {
                  var TreeNode = event.srcElement || event.target;
                  if (TreeNode.tagName == "INPUT" && TreeNode.type == "checkbox") {
                      if (TreeNode.checked) {
                          var elNode = document.getElementById("TreeView1t10");
                          var sText = elNode.innerText || elNode.innerHTML;

                          alert(sText);
                          elNode.innerHTML = "Whatever you want";
                      }
                  }

              } 

然而，由于我需要修改复选框旁边的特定文本，我需要能够知道它是哪个元素 ID，而不是隐式指定 var elNode = document.getElementById("TreeView1t10");

问题如何获取选中框的元素id？

Answer 1

可以使用以下方式检索文本:

var elNode = document.getElementById("TreeView1t10");
var sText = elNode.innerText || elNode.innerHTML;

修改它使用:

elNode.innerHTML = "Whatever you want";

要在您的点击处理程序中获取树节点的 ID:

根据我的想法，未经测试，像这样的东西将从复选框 ID 中获取树节点:

复选框 ID = "TreeView1n10CheckBox";将“CheckBox”替换为空，所以我们有“TreeView1n10”。然后用“t”替换“n”，我们有“TreeView1t10”，这是对应 anchor 标签的ID。

var sTreeID = TreeNode.id.replace("CheckBox", "").replace("n", "t");
var elTreeNode = document.getElementById(sTreeID);