We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

SVGForeignObjectElement Redirect 1

SVG ForeignObject DOM interface

The SVGForeignObjectElement interface provides access to the properties of <foreignObject> elements, as well as methods to manipulate them.

Interface overview

Also implement SVGElement, SVGTests, SVGLangSpace, SVGExternalResourcesRequired, SVGStylable, SVGTransformable
Methods None
Normative document SVG 1.1 (2nd Edition)


Name Type Description
x SVGAnimatedLength Corresponds to attribute x on the given <foreignObject> element.
y SVGAnimatedLength Corresponds to attribute y on the given <foreignObject> element.
width SVGAnimatedLength Corresponds to attribute width on the given <foreignObject> element.
height SVGAnimatedLength Corresponds to attribute height on the given <foreignObject> element.


The SVGForeignObjectElement interface do not provide any specific methods.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes) (Yes) 9.0 (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support No support (Yes) ? (Yes) (Yes)

See also

Document Tags and Contributors

Last updated by: Sheppy,