Home/ Questions/Q 7406193
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T05:31:10+00:00

I wrote javascript which dynamically edits an svg element. I want to get the

  • 0

I wrote javascript which dynamically edits an svg element. I want to get the new string of the edited svg element but currently my code fails.
I found here the following code to get the string form of an HTML document.

var txt = document.documentElement.innerHTML;

I just want the innerHTML of the SVG element. I tried the following code but get an error message saying “undefined”.

var svgnode=document.getElementById("svgnode1");
alert(svgnode.innerHTML);

How do I do that. The error occurs on Google Chrome but I want a solution that works on any browser.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    innerHTML is defined for HTML documents but not for XML DOMs of other kinds.

    There is some mechanism planned for innerHTML like facilities for SVG. http://www.w3.org/Graphics/SVG/WG/wiki/SVG_2_DOM#innerHTML_type_facilities:

    innerHTML type facilities

    It would be good if XML had an innerHTML-like feature. Writing markup in an ECMAScript string can be a bit of a pain, but it can also simplify things a lot, and to get better that that for the types of scenario in which it’s useful probably means E4X-like capabilities.

    Calling this facility innerHTML would make it seem like the markup should be parsed as being in the XHTML namespace, so maybe innerMarkup or insertCode would be a better name, or, for symmetry with textContent, maybe markupContent.

    If what you need is a way to turn SVG, or any other XML DOM into a string of XML, see https://developer.mozilla.org/en/Parsing_and_serializing_XML

    or see https://stackoverflow.com/a/4916895/20394 for the IE equivalent.

    • 0