JSFiddle - React, Tailwind, and code Playground
HTML
<object class="emb" id="svgObject" data="https://upload.wikimedia.org/wikipedia/commons/f/ff/Charts_SVG_Example_5_-_Simple_Pie_Chart.svg" type="image/svg+xml"></object>
JavaScript
function getSubDocument(embedding_element) {
if (embedding_element.contentDocument) {
return embedding_element.contentDocument;
} else {
var subdoc = null;
try {
subdoc = embedding_element.getSVGDocument();
} catch(e) {}
return subdoc;
}
}
window.addEventListener("load", function() {
var svgObject = document.getElementById('svgObject');
if (svgObject) alert("object found");
var svg = getSubDocument(svgObject);
if (svg) {
var segments = svg.getElementById("segments");
if (segments) {
segments.getElementById("segment1").setAttribute("fill", "lime");
}
} else {
alert("document in object not found");
}
});