treeviewで現在クリックされているノードを取得の方法

1年 ago
陽, 向宇
1 minute

現在クリックしたノードを取得するには、次の手順を使用できます。

  1. 各ノードにクリックイベント処理関数をバインドする.
  2. イベントのターゲット
  3. event.currentTarget
  4. 必要に応じて、そのノードの関連する情報（ノードのテキストコンテンツ、ノードの属性など）を取得する。

具体的な実装方法は次のとおりです（例：JavaScript）。

// HTML结构
<div id="treeview">
  <ul>
    <li>节点1</li>
    <li>节点2</li>
    <li>节点3</li>
  </ul>
</div>

// JavaScript代码
var treeview = document.getElementById("treeview");
var nodes = treeview.getElementsByTagName("li");

// 给每个节点绑定点击事件处理函数
for (var i = 0; i < nodes.length; i++) {
  nodes[i].addEventListener("click", function(event) {
    var currentNode = event.target; // 或者使用event.currentTarget
    var nodeText = currentNode.textContent; // 获取节点的文本内容
    // 获取节点的属性等其他操作
    console.log("当前点击的节点文本内容：" + nodeText);
  });
}

こうすることで、ユーザーがあるノードをクリックすると、対応するイベント処理関数がトリガーされ、クリックされたノードを取得できます。

bannerAds