如何判断一个 dom 节点是否是 SVG 节点？

2020-10-14 10:55:10 +08:00
 Pokemon123
1584 次点击
所在节点    问与答
7 条回复
imn1
2020-10-14 10:58:20 +08:00
？什么意思
name 是 svg ？
xpath 内含有 svg ？
wszgrcy
2020-10-14 11:03:16 +08:00
parentnode svg ？
ssthouse
2020-10-14 11:23:06 +08:00
直接看 DOM 节点的 tagName 是不是 SVG 节点就行:
['svg', 'g', 'text', 'path'].includes(domElement.tagName)
iMusic
2020-10-14 12:10:39 +08:00
svg.ownerSVGElement = null
path.ownerSVGElement = svg
other.ownerSVGElement = undefined
Pokemon123
2020-10-14 13:27:40 +08:00
@iMusic 判断他的 ownersSVGElement 是不是 svg，如果是 svg 就说明他是一个 svg element 是这个意思吗？
Pokemon123
2020-10-14 13:29:28 +08:00
@ssthouse 把所有的 svg element 类型放到一个数组里面去判断是否包含，所有类型会不会太多了放进去。
iMusic
2020-10-14 14:25:12 +08:00
@Pokemon123 `elem instanceof SVGElement ` 就可以了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/714758

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX