D3.js SVG foreignObject是否仅适用于静态HTML？

如上所述，我已经看到foreignObject功能仅适用于静态输入的文本。如果我尝试这样做会发生什么：

svg.append("foreignObject")
      .attr("width", 400)
      .attr("height", 200)
   .append("xhtml:body")
      .style("font", "16px 'Helvetica Neue'")
      .html(function(d) {
        return d.name;
      })

---

foreignObject功能是否可以处理函数返回的数据？

嗯，确实可以。然而，需要注意的一件事是将.html替换为.text

node.append("foreignObject")
    .attr("class", "innerNode")
    .text(function (d) {
        return d.name; })

---

当你尝试它的时候发生了什么？嗯，那确实有效。然而，需要注意的一件事是用文本替换html。node.append（“foreignObject”）.attr（“class”，“innerNode”）.text（函数（d）{return d.name；}）