Я решил реализовал код, который переносит svg иконку, которую берёт из 'src' тега img с классом .svg. Код полностью отрабатывает, при этом есть ошибка в консоли
Uncaught TypeError: Cannot read property 'querySelector' of null at XMLHttpRequest.xhr.onreadystatechange
Вот и код:
let svg = document.querySelectorAll('.svg');
svg.forEach(element => {
let img = element;
let imgClass = img.getAttribute('class');
let imgURL = img.getAttribute('src');
let xhr = new XMLHttpRequest();
xhr.open('GET', imgURL);
xhr.responseType = 'document';
xhr.onreadystatechange = function (data) {
let svgi = xhr.response.querySelector('svg');
if (typeof imgClass !== 'undefined') {
svgi.setAttribute('class', imgClass);
}
img.replaceWith(svgi);
}
xhr.send();
})
xhr.response
это просто текст добавьте его к тексту страницы