如何从HTML表格单元格向中的DOM元素发送javascript参数？

我有一个项目，我正在做一个国际象棋的开场白 曲目，以表格形式

对于每一步，我都希望有一个链接，将董事会置于变化中出现的位置，并提供评论 每一步我都会有。js很容易放在任何位置，它只需要一个字符串

如何将以下信息发送到棋盘

fen位置，即“rnbqkbnr/PPPPPP/8/8/4P3/8/PPPP1PPP/rnbqkbnr”之类的信息 注释信息，与移动到注释div相关的文本信息，如下所示 “这是鲁伊·洛佩兹的开始，怀特最锐利的开口之一”

在这个例子中

当我单击一个节点时，我能够将注释信息和fen（板位置）信息分别传递给“注释”div和javascript棋盘，因为每个节点和每个移动的信息都存储在JSON文件中，如下所示：

"name" : "Ruy Lopez",
   "children" : [
      {
         "name" : "e4",
          "move" : "1",
         "text" : "The Open Game",
         "fen" : "rnbqkbnr/pppppppp/8/8/4P3/8/PPPP1PPP/RNBQKBNR",
         "side" : "white",
         "nodecolor" : "GhostWhite",
         "textcolor" : "DarkSlateGrey",
         "variation" : "Open Game",
         "type" : "normal",
         "children" : [
            {
               "name" : "e5",
               "move" : "1",
               "text" : "E4 is met with the symmetrical e5, indicating the liklihood of a sharp game",
               "fen" : "rnbqkbnr/pppp1ppp/8/4p3/4P3/8/PPPP1PPP/RNBQKBNR",
               "side" : "black",
               "nodecolor" : "DarkSlateGrey",
               "textcolor" : "white",
               "variation" : "Open Game",
               "type" : "normal",
               "children" : [
                  {

             ------

当我点击一个节点时，就会发生这种情况

function click(d) {
  if (d.children) {
    d._children = d.children;
    d.children = null;
  } else {
    d.children = d._children;
    d._children = null;
    d3.select("#info").text(d.text);
    d3.select("#score1").text(d.name);
    board.position(d.fen)
  }

其中board获取fen信息，info div获取文本信息。D3.js对我来说很容易，因为带有Json的框架使存储和发送信息变得容易

但是，在HTML表中构建它时，如果没有d3.js和Json文件，我会有点不知所措。我只有这个链接

<td class="black" id="3a6-"><a href="#">a6</a></td>

我也不知道该把fen、文本、评论或其他信息放在哪里，也不知道如何发送。有人能帮忙吗

---

这是我的第一个问题，我自己做了很多d3.js，我不想激怒任何人或惹麻烦，但我不知道该怎么问

把分、文本、评论放在哪里

<td class="black" id="3a6-"><a href="#">a6</a></td>

谢谢！现在看，这就是为什么人们爱你！谢谢这是一个很好的开始。我熟悉HTML已经很长时间了，但就像国际象棋一样，你可以有很多经验，但仍然会错过一些简单的事情。我甚至不知道数据属性。下一步是找到一种从PGN、JSON或数据库动态构建此表的方法，但这只是当前项目的票证。。。你可以建立一个树形图，为什么你不能建立这个，我认为你比我更有经验，这很简单，你可以使用forEach（d，i）和get.Object.PropertyName，如果有子对象，那么你可以在表中添加forEach属性，如果有子对象，那么你可以再次循环

   <td class="black" id="3a6-" data-fen="" data-text= "" data-comment="" ><a href="#">a6</a></td>