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