javascript - 为什么节点的信息显示不正确？

Question

我正在尝试使用我自己创建的 javascript 代码创建一个图表。通过点击一个节点，将调用分配给关键字的出版物列表。当前选中的节点将在 中高亮显示。当我使用当前代码单击节点时，我会在灰色框中获得所选关键字的完整名称。只有当我点击其中一个关键字时，我才能得到名字、姓氏等。我怎样才能做到这样当我点击一个节点时，我才能直接得到名字、姓氏？如果我单击另一个节点，则会显示来自另一个节点的信息，并且之前显示的来自该节点的信息应该会消失。我使用的是 D3.js Verison 6。

  <script src="persona.js"></script>
  <div id="detail_box"></div> // The Detail_box is a grey box in which the information is shown.

        node.onclick = function() {
          keyName = node.innerText;
          document.getElementById("detail_box").innerText = keyName + "\nFirstname: " + persona[keyName].firstname;
        }
        document.getElementById("detail_box").appendChild(node);});
      })
      .call(d3.drag().on("start", dragstarted).on("drag", dragged).on("end", dragended));

标签： javascriptd3.js