我正在尝试将图像添加到 HTML 中。使用以下作品：
<img id="image1" src="http://image.jpg" alt=" " width="300" height="300" />
我想做的就是用一个变量替换http，这样我就可以在网站中调用而不是让它物理内联：
<img id="image1" src=URL alt=" " width="300" height="300" />
任何人都可以帮忙吗？
问问题
56 次
3 回答
1
您想动态更改 src 属性，方法如下：
// we selct the element to change in a variable
var el = document.getElementById("image1");
// we define a new image
var new_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT744-ntmnfTx78ZjYUG9t_SkW-M2JmpJaUr6iYlyhaVzkXT9q2';
// we set the new image
el.setAttribute("src",new_url);<img id="image1" src="http://image.jpg" alt="nothing to show" width="300" height="300" />于 2020-03-06T09:24:34.503 回答
1
获取 img 并设置 src：
document.getElementById('image1').src='http://mywebsite.com/image.jpg';
于 2020-03-06T09:19:00.943 回答
0
在您的 html 中不要设置图像源，但在 DOM 中仍然有 img 元素。IE：
<img id="image1" alt=" " width="300" height="300" />
在您的 javascript 中（应该<body>在您的 html 中的标签底部加载），您可以执行以下操作：
var img1 = document.getElementById('image1');
img1.src = "/some/url/or/file-path/here.jpg"
于 2020-03-06T09:21:28.743 回答