outerHtml为IE中的SVG元素返回undefined

Question

这是我的代码

<svg id="a" height="210" width="400">
  <path id="b" d="M150 0 L75 200 L225 200 Z" />
</svg>

我在b

上有触发鼠标移动事件

   $("#b").hover(function() {
        alert($(this)[0].outerHTML);
    });

这是在Chrome中工作但在IE中没有工作我怎么能解决这个问题。

请找到JSFiddle链接：http://jsfiddle.net/r8v70Lnk/

警告框仅在Chrome中显示，但不在IE中显示..

Answer 1

不知道它是否适合您，但我通常会这样做：

new XMLSerializer().serializeToString(document.querySelector('#b'))

如果要再次解析字符串并在文档中插入节点：

new DOMParser().parseFromString(svgString, "image/svg+xml")