javascript - 字符串与预期模式 d3 select 不匹配

Question

我使用 d3 v5 进行数据可视化，我创建了一个强制布局，每个节点都有自己的名称作为 id。这部分是动态完成的。 HTML 部分工作正常，userInput.value 将返回一个带有“/”的 id(本例中节点的 ID 是“foo/A”)。但是，当选择其中包含正斜杠的 ID 值时，d3.select 函数会失败。 有没有办法在不重命名所有节点的情况下绕过此错误？

var userInput = document.getElementById("targetNode");
  var theNode = d3.select("#" + userInput.value);

Answer 1

您必须使用 \\ 转义 /。所以做这样的事情不应该返回错误:

var userInput = document.getElementById("targetNode");
var temp = userInput.value;
var temp2 = temp.replace('/','\\/')
var theNode = d3.select("#" + temp2);