Question

How can I check the type of an svg object in JavaScript or jQuery?
I want to check whether a tag is of type SVGAnimatedString.

When I output the object to the console it outputs the following:

console.log(this.href);
SVGAnimatedString // is an object and can be expanded

In my code I try to check whether it is a SVG object but the check does not work.

if (this.href == 'SVGAnimatedString'){ //this check does not work
     //it s an svg object
    var url = this.href.animVal
}
else{
    var url = this.href; //get the href from the <a> element
}

How do I correctly check whether it is a SVGAnimatedString object?

Answer 1

You should not compare the types using ==. You need to use instanceof. You can do this way:

if (this.href instanceof SVGAnimatedString){ //this check works!!!
     //it s an svg object
    var url = this.href.animVal
}
else{
    var url = this.href; //get the href from the <a> element
}

The SVGAnimatedString has less browser support. Keep that in mind. 🙂