$.get(‘path/to/svg.svg’, function(data) { $(‘#my-div’).html(data); }); This results in HIERARCHY_REQUEST_ERR: DOM Exception 3 in the

Question

0

Asked: May 26, 20262026-05-26T11:56:15+00:00 2026-05-26T11:56:15+00:00

$.get(‘path/to/svg.svg’, function(data) { $(‘#my-div’).html(data); }); This results in HIERARCHY_REQUEST_ERR: DOM Exception 3 in the

0

$.get('path/to/svg.svg', function(data) {
  $('#my-div').html(data);
});

This results in “HIERARCHY_REQUEST_ERR: DOM Exception 3” in the console. All variations of this concept seem to do the same thing. If I copy-and-paste my actual SVG and replace “data” with it, it’s inserted just fine. Do I need to format the .svg differently or somehow parse it first so that the browser doesn’t think I’m trying to put another document inside my document?