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