问题 #2214💬 已回答提出于 2019年8月23日作者 Firefox20050 个反应

SVG Element 并不是真正的 SVGElement

快速解答作者 artf

该代码在 Firefox 中返回 True,但在 Safari 和 Chrome 中显示为 False,尽管我在 Chrome 属性选项卡中确认它确实属于 SVGE 类型。 奇怪,好像是铬的问题......

阅读下方完整回答 ↓

问题

行为 我用外部 Javascript 代码,根据属性动态替换一些 SVG 元素。JavaScript代码首先检查要验证的元素类型,确认它是一个像这样的SVGElement: 'document.querySelector('#someId') 实例of SVGElement' 代码在Firefox中返回True,但在Safari和Chrome中显示False,尽管我在Chrome属性标签页中确认它确实属于SVGElement类型。 我如何创建SVG元素 我尝试了不同的方法,但最终还是用了插件。 component.js “JavaScript domc.addType('myType', { isComponent: function(el) { if(el.tagName == 'svg' && el.classList && el.classList.contains('someClass')) return {type: 'myType'}; }, 延伸:'SVG', 型号:{ 默认值:{ 类型:“SVG”, 标签名称:“svg”, 名字:“某人”, 特质:[...], 属性:{ class:'someClass', ... }, 脚本:函数 () { console.log(document.querySelector('.someClass')); console.lo...

回答(1)

artf2019年8月26日

该代码在 Firefox 中返回 True,但在 Safari 和 Chrome 中显示为 False,尽管我在 Chrome 属性选项卡中确认它确实属于 SVGE 类型。

奇怪,好像是铬的问题......

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。