Microsoft Edge无法在SVG上设置数据属性

作者: 尼拉。
发布时间: 2024-04-11 06:56:41 (14天前)
转自：

3 条回复

0#
回复此人
拥有小太阳的向日葵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 它的状态存在问题 <EM> '固定，尚未动摇' </EM> 这里： <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8489259/" rel="nofollow noreferrer"> https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8489259/ </A> </p> <P> 在此期间，为了向后兼容，使用 <code> getAttribute </code> 和 <code> setAttribute </code> 代替 <code> dataset </code> 似乎是要走的路。 </p> </DIV>

编辑
1#
回复此人
CTO啊哦 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我已经为将来遇到这些问题的人进行了基本功能测试。 </p> <P> <a href="https://codepen.io/freemagee/pen/QgoNJz" rel="nofollow noreferrer"> https://codepen.io/freemagee/pen/QgoNJz </A> </p> <P> 基本上，动态创建SVG并在try / catch中操纵数据集。 </p> <pre> <code> var hasSvgDatasetSupport = supportSvgDataset(); function supportSvgDataset() { var doesSupport = true; var testSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); try { testSvg.dataset.shape = 'vector'; } catch (error) { doesSupport = false; } return doesSupport; } // Example usage var el = document.getElementById('shape'); if (hasSvgDatasetSupport) { el.dataset.mood = 'happy'; } else { el.setAttribute('data-mood', 'unhappy'); } </code> </pre> <P> 我不够聪明地做一个正确的polyfill，但这使得一个在Microsoft Edge失败的网站完全正常工作。 </p> </DIV>

编辑

登录后才能参与评论