SVGFilterElement: href property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thehref read-only property of theSVGFilterElement interface reflects thehref orxlink:hrefDeprecated attribute of the given<filter> element.
In this article
Value
Examples
>Accessing thehref property
html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200"> <defs> <filter x="0" y="0" width="200%" height="200%"> <feGaussianBlur in="SourceGraphic" stdDeviation="15" result="blurred" /> </filter> </defs> <rect width="200" height="200" stroke="green" stroke-width="10" fill="lime" filter="url(#myFilter)" /></svg>js
const filterElement = document.querySelector("filter");// Access the href propertyconsole.log(filterElement.href.baseVal); // Output: "#myFilter"Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # __svg__SVGURIReference__href> |
Browser compatibility
See also
- SVG
hrefattribute