Javascript D3:html输入字段仅适用于Chrome

我试图在D3中包含一个文本输入字段作为外来对象。输入字段仅在Chrome中显示。我试图对此进行更深入的研究，但找不到任何有用的东西。欢迎提出任何意见

这是最新的。这是代码：

d3.select("body")
    .append("foreignObject")
    .append("xhtml:body")
    .html("<input>")
    .attr("id", "search");

d3.选择（“主体”）
.append（“外来对象”）
.append（“xhtml:body”）
.html（“”）
.attr（“id”、“搜索”）；

也出现在FireFox 42中。您到底在哪些浏览器上遇到了问题？可能其他浏览器认为这是错误的，因为您在

中找到了

？只是一个想法。顺便说一句，这也适用于IE。还有歌剧。实际上，

foreignObject

在IE中不起作用，只是为了感谢大家的评论才引入的。我现在在打电话，所以我不能测试。不过我有一个怀疑。我的原始代码渲染视图框中的所有内容。这有关系吗？在我的手机上摆弄。它似乎与视图框有关。在这个提琴上添加了一个视图框，它也停止了Firefox42中的节目。您到底在哪些浏览器上遇到了问题？可能其他浏览器认为这是错误的，因为您在

中找到了

？只是一个想法。顺便说一句，这也适用于IE。还有歌剧。实际上，

foreignObject

在IE中不起作用，只是为了感谢大家的评论才引入的。我现在在打电话，所以我不能测试。不过我有一个怀疑。我的原始代码渲染视图框中的所有内容。这有关系吗？在我的手机上摆弄。它似乎与视图框有关。向该小提琴添加了一个视图框，它将停止工作