how to check SVG type in js

SVGSVGElement & SVGElement



svg = document.querySelector(`svg`);

// <svg class=​"icon" style=​"width:​ 100px;​ height:​ 100px;​vertical-align:​ middle;​fill:​ currentColor;​overflow:​ hidden;​" viewBox=​"0 0 1024 1024" version=​"1.1" xmlns=​"http:​/​/​www.w3.org/​2000/​svg" p-id=​"3949">​…​</svg>​

typeof svg;

// "object"

Object.prototype.toString.call(svg);

// "[object SVGSVGElement]"

svg instanceof SVGSVGElement;

// true

svg instanceof SVGElement;

// true

svg instanceof SVGAElement;

// false

svg instanceof HTMLElement;

// false


svg = document.querySelector(`svg`);

// <svg class=​"icon" style=​"width:​ 100px;​ height:​ 100px;​vertical-align:​ middle;​fill:​ currentColor;​overflow:​ hidden;​" viewBox=​"0 0 1024 1024" version=​"1.1" xmlns=​"http:​/​/​www.w3.org/​2000/​svg" p-id=​"3949">​…​</svg>​

typeof svg

// "object"

Object.prototype.toString.call(svg);

// "[object SVGSVGElement]"

svg instanceof SVGSVGElement;

// true

Web API

SVG DOM interfaces

https://developer.mozilla.org/en-US/docs/Web/API/SVGSVGElement

https://developer.mozilla.org/en-US/docs/Web/API/SVGAElement

https://developer.mozilla.org/en-US/docs/Web/API/SVGElement

SVG

https://developer.mozilla.org/en-US/docs/Glossary/SVG

https://developer.mozilla.org/en-US/docs/Web/SVG

https://developer.mozilla.org/en-US/docs/Web/SVG/Element

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg

js type checker

https://ioliu.cn/2016/judgment-variable-type/

refs

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

how to check SVG type in js的更多相关文章

  1. 用svg+css 或者js制作打钩的动画

    之前老板让做一个登陆后 可以显示一个打钩的效果 百度死活搜不到 今天在B站看到的一个视频居然有 根据需求改进了一下废话不多说先看效果! html代码 <!DOCTYPE html> < ...

  2. CHECK MEMBER TYPE

    检查类里是否存在某种类型的几种方法,以检查xxx类型为例:方法1: template<class T> class has_member_type_Type { ]; }; templat ...

  3. input type="hidden" js获取不到值（document.getelementbyid OR $(#).val()）

    <head> <input type="hidden" name="aplStatus" id="aplStatus" v ...

  4. 最新版自动检测卡片类型工具软件版本(auto check card type v3.2.0)

    自动检测卡片类型工具软件. 卡片放到读卡器上面自动识别卡片类型,不需老是按下按钮,好用,方便.支持自动识别NTAG213卡片,NTAG215卡片, NTAG216卡片,Ultralight芯片, Ul ...

  5. Sublime Text 3配置Minify压缩,格式化css,js,html,json,svg

    1.通过 Package Control 安装Minify 按 ctrl + shift + p   输入  Install Package 然后   输入Minify  按回车就可以安装啦 2.安装 ...

  6. js data type checker

    js data type checker js 数据类型检测 "use strict"; /** * * @author xgqfrms * @license MIT * @cop ...

  7. HTML5 学习总结（四）——canvas绘图、WebGL、SVG

    一.Canvas canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术.<canvas> 标记和 ...

  8. 5天揭秘js高级技术-第二天

    一.数组 1. 什么是数组? 数组就是一组数据的集合: 其表现形式就是内存中的一段连续的内存地址: 数组名称其实就是连续内存地址的首地址: 2. 关于js中的数组定义 数组定义无需指定数据类型: 数组 ...

  9. 原生JS实现购物车结算功能代码+zepto版

    html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...

随机推荐

  1. C指针的这些使用技巧，掌握后立刻提升一个Level

    这是道哥的第016篇原创 关注+星标公众号,不错过最新文章 目录 一.前言 二.八个示例 1. 开胃菜:修改主调函数中的数据 2. 在被调用函数中,分配系统资源 2.1 错误用法 2.2 正确用法 3 ...

  2. MySQL调优性能监控之performance schema

    一.performance_schema的介绍 performance:性能 schema:图(表)示,以大纲或模型的形式表示计划或理论. MySQL的performance schema 用于监控M ...

  3. ProbabilityStatistics

    class ProbabilityStatistics: @staticmethoddef simulation_of_probability(v, ratio=10000): assert v &g ...

  4. 源码 redis 分布式锁

    https://github.com/SPSCommerce/redlock-py/tree/master/redlock

  5. Webpack4.0各个击破（6）loader篇

    目录 一. loader综述 二. 如何写一个loader 三. loader的编译器本质 [参考] 一. loader综述 loader是webpack的核心概念之一,它的基本工作流是将一个文件以字 ...

  6. P5689 多叉堆

    写在前面 OI 生涯中 AC 的首道组合数学应用题. 开题 5min 发现规律,写了半下午代码,调了两天,然而甚至没过样例,心态崩了.几天之后重新写了一份代码才 AC. 虽然思维难度不大,但毕竟是联赛 ...

  7. JavaScript——事件

    事件:是由访问Web页面的用户引起一系列操作. 事件的作用:用于浏览器和用户的交互 以下代码为相关试验代码: HTML事件: <script type="text/javascript ...

  8. npm qs 模块（中文）

    本文基本使用谷歌翻译加上自己的理解,权当加深记忆. npm 简介 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库.主要维护者:Jordan Harband最初创建者和维护者:TJ Ho ...

  9. 解析一下C++的异常处理

    ​ 作者:良知犹存 转载授权以及围观:欢迎添加微信:Allen-Iverson-me-LYN 总述     在程序运行过程中经常会碰到一些问题,例如数组下标越界,除数为零等,这些错误不过能被发现处理, ...

  10. 机器学习算法之Kmeans算法（K均值算法）

    Kmeans算法(K均值算法) KMeans算法是典型的基于距离的聚类算法,采用距离作为相似性的评价指标,即认为两个对象的距离越近,其相似度就越大.该算法认为簇是由距离靠近的对象组成的,因此把得到紧凑 ...