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