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

Question

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

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);