Javascript 是否可以在SVG元素中附加div?

Javascript 是否可以在SVG元素中附加div?,javascript,jquery,html,svg,Javascript,Jquery,Html,Svg,我试图在SVG中附加一个HTML div,我试图创建一个图形。我试图使用下面的代码附加它,但当我使用Firebug检查元素时,div显示在rect元素代码中,但它没有显示在图形UI中 我正在尝试的方法是否有问题,或者无法在SVG中附加div marker.append("rect") .attr("width", "50px") .attr("height", "50px") .append("div") .attr("id", function(d) {

我试图在SVG中附加一个HTML div,我试图创建一个图形。我试图使用下面的代码附加它,但当我使用Firebug检查元素时,div显示在
rect
元素代码中,但它没有显示在图形UI中

我正在尝试的方法是否有问题,或者无法在SVG中附加div

    marker.append("rect")
   .attr("width", "50px")
   .attr("height", "50px")
   .append("div")
   .attr("id", function(d) {
      return "canvas_" + d.key.split(" ").join("_");
   })
   .style("width", "50px").style("height", "50px");
您试图在同一行中附加“rect”和“div”。这就是你失败的地方 看看这些D3的辅导课。。。这是一个基于SVG的惊人的库

您不能将HTML附加到SVG(从技术上讲,您可以使用
foreignObject
,但这是一个兔子洞)。此外,SVG中的可见元素不能嵌套,所以元素如<代码>循环>代码>代码> ReCT,<代码>路径< /代码>,这样就不能有子元素。

< P>我也会考虑使用<代码> <代码>元素,因为它通过分组对象来实现与<代码> <代码>类似的用途。p> 这对我们的直肠也不起作用。。我只是添加了rect,因为我想知道附加是否正确。请查看那些教程。我可以向你保证,你将学到的不仅仅是SVG……记住“代码> FooGoNobjist< /Cord>在伊江中不适用,如果你需要跨浏览器兼容。@山姆,如果它解决了你的问题,请考虑接受这个答案。我知道规范,我可以验证它是否正确。有趣!太糟糕了。有趣的事实:当您勾选“保留Illustrator编辑功能”选项时,显示在Adobe Illustrator保存的SVG中。“圆、矩形、路径等不能有子元素。”它们可以承载不可见的元素,例如。绝对正确。g标签更好。谢谢你的信息。