Is it possible to append a div inside an SVG element?
You can't append HTML to SVG (technically you can with foreignObject
, but it's a rabbit hole). Furthermore, visible elements in SVG can't be nested, so elements such as circle
, rect
, path
and such can't have children elements.
I would also consider using <g>
element as it serves similar purpose as <div>
by grouping objects. More about it here.