对于 IE 中的 SVG 元素,outerHtml 返回未定义

2023-11-27

这是我的代码

<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 中不显示。


不知道这是否适合您,但我通常这样做:

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

如果您想再次解析字符串并将节点插入文档中:

new DOMParser().parseFromString(svgString, "image/svg+xml")
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

对于 IE 中的 SVG 元素,outerHtml 返回未定义 的相关文章

随机推荐