错误是因为您正在选择数据对象（d.source 和 d.target）而不是与这些数据对象关联的 DOM 元素。

您已经使突出显示的行有效，但我可能会将您的代码组合成一个迭代，如下所示：

 link.style("opacity", function(o) {
   return o.source === d || o.target === d ? 1 : opacity;
 });

突出显示相邻节点更难，因为您需要知道每个节点的邻居。用您当前的数据结构确定此信息并不容易，因为您拥有的所有信息都是节点数组和链接数组。暂时忘记 DOM，问问自己如何确定两个节点a和是否b是邻居？

function neighboring(a, b) {
  // ???
}

一种代价高昂的方法是遍历所有链接，看看是否存在连接 a 和 b 的链接：

function neighboring(a, b) {
  return links.some(function(d) {
    return (d.source === a && d.target === b)
        || (d.source === b && d.target === a);
  });
}

（这假设链接是无向的。如果您只想突出显示前向连接的邻居，则消除 OR 的后半部分。）

如果您必须经常这样做，则一种更有效的计算方法是使用地图或矩阵来允许恒定时间查找来测试 a 和 b 是否是邻居。例如：

var linkedByIndex = {};
links.forEach(function(d) {
  linkedByIndex[d.source.index + "," + d.target.index] = 1;
});

现在你可以说：

function neighboring(a, b) {
  return linkedByIndex[a.index + "," + b.index];
}

因此，您现在可以遍历节点并正确更新它们的不透明度：

node.style("opacity", function(o) {
  return neighboring(d, o) ? 1 : opacity;
});

（您可能还想对鼠标悬停的链接本身进行特殊处理，方法是为 中的每个节点设置自链接linkedByIndex，或者d在计算样式时直接测试，或者使用 !important css:hover样式。）

我要在您的代码中更改的最后一件事是使用 fill-opacity 和 stroke-opacity 而不是 opacity，因为它们提供了更好的性能。