使用 html 中的 javascript 變量顯示圖像
[英]display image using javascript variable in html
問題描述
我想在屏幕上顯示圖像，但在我的 js 腳本中定義圖像的鏈接，如下所示：
<script>
function myFunction() {
var imgUrl = "https://www.linkpicture.com/q/IMG_4902"
var modelName = "Model Name"
document.getElementById("myText").innerHTML = modelName;
}
</script>
<body onload="myFunction()">
<div class="image-area">
<div class="img-wrapper">
<img src="" id="myImg" alt="">
所以在img src 中，我想根據腳本中的imgUrl內容顯示圖像。 這怎么可能？
3 個解決方案
解決方案1
1 2021-06-16 01:45:12
非常奇怪的問題......由於某種原因這不起作用？
document.getElemetnById("myImg").src = imgUrl;
解決方案2
1 2021-06-16 01:45:48
你可以做這樣的事情
let myImg=document.querySelector('#myImg');
let imgUrl = "https://www.linkpicture.com/q/IMG_4902";
myImg.src=imgUrl
解決方案3
1 2021-06-16 01:46:10
您可以通過為src屬性分配新值來修改圖像的來源。
<script> function myFunction() { var imgUrl = "https://www.gravatar.com/avatar/0fdacb141bca7fa57c392b5f03872176?s=48&d=identicon&r=PG&f=1" var modelName = "Model Name" // document.getElementById("myText").innerHTML = modelName; document.getElementById("myImg").src = imgUrl; } </script> <body onload="myFunction()"> <div class="image-area"> <div class="img-wrapper"> <img src="" id="myImg" alt=""> </div> </div> </body>
使用javascript在HTML圖像上顯示圖像
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.