JavaScript - 在变量中捕获 img 标签 src

Question

我正在尝试使用 JavaScript 将来自 url 源的图像存储在 HTML 中。 有人可以告诉我需要什么代码吗？ 我已经开始了...

 var productImage = document.getElementById("productImg").//??;


<img id="productImg"
                    src="https://i5.walmartimages.com/asr/1735db1c-d84f-417a-b871-27b63ee2b2e6_1.9a18f15c0e0fa321d0c5d073875b9738.jpeg?odnWidth=undefined&odnHeight=undefined&odnBg=ffffff" >

Answer 1

你很亲密。 要获取 HTML 元素属性的值，您可以将该属性作为 DOM 元素的属性进行访问。

 var productImage = document.getElementById("productImg").src; console.log(productImage);

 <img id="productImg" src="https://i5.walmartimages.com/asr/1735db1c-d84f-417a-b871-27b63ee2b2e6_1.9a18f15c0e0fa321d0c5d073875b9738.jpeg?odnWidth=undefined&odnHeight=undefined&odnBg=ffffff" >

Answer 2

您可以使用src属性。

 var productImage = document.getElementById("productImg").src

如果要替换图像，还可以使用src属性为图像设置新的 URL。

 var productImage = document.getElementById("productImg");
     productImage.src = URL