Есть встроенный svg в object, как правильно добавить внутрь каждого svg-тега, тег link ??
На данном этапе получается добавить link только в один из 6 элементов и при этом браузер не хочет читать стили из svg-тега.
var svgDoc = document.querySelectorAll('.box-lab__img');
var linkElm = document.createElementNS("http://www.w3.org/1999/xhtml", "link");
linkElm.setAttribute("xmlns", "http://www.w3.org/2000/svg")
linkElm.setAttribute("href", "../css/style.min.css");
linkElm.setAttribute("rel", "stylesheet");
svgDoc.forEach(function(item, i, svgDoc) {
var inDoc = [];
inDoc.push(item)
item.addEventListener("load", function() {
inDoc.forEach(function(item, i, inDoc) {
var inSvgO = [];
inSvgO.push(item.contentDocument.children);
inSvgO.forEach(function(item, i, inSvgO) {
item[i].insertBefore(linkElm, item[i].childNodes[0]);
})
})
})
});
В интернете есть пример с возможностью вставки тега линк в 1 svg-тег. Данный вариант не подходит, хочется универсальное решение, помогите!
