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