Привет, я не знаю, как добавить src к изображению с помощью js.
//e6
//this code create a new 'img' element
let newElementImg = document.createElement("img");
//this code add img from url
newElementImg.src = "url('https://cdn.wallpapersafari.com/50/24/PZpRVx.jpg')";
//this code set a list of classes for the 'img' element
newElementImg.classList.add("img-fluid");
//append newElementLink to an existing element which has an 'footer-about' ID
var imgDiv = document.getElementById('footer-about');
imgDiv.append(newElementImg);
это вроде как работает, но на изображении не отображается только значок «изображение сломано» [вот так]1
Используйте только адрес без url('...')
. url(...)
для css.
Это строка css:
newElementImg.src = "url('https://cdn.wallpapersafari.com/50/24/PZpRVx.jpg')";
Вам не нужна часть url() только необработанная строка:
newElementImg.src = 'https://cdn.wallpapersafari.com/50/24/PZpRVx.jpg';
Если вы щелкните правой кнопкой мыши и просмотрите поврежденное изображение, вы должны увидеть, что содержится в вашем атрибуте src. Я думаю, что ответ, который вы получили, правильный в том смысле, что без части url() он будет работать.