提问人：itsmeroyd 提问时间：9/30/2023 最后编辑：Federico klez Cullocaitsmeroyd 更新时间：9/30/2023 访问量：50
如何在使用 document.getElementById 时在 image src 中写入变量的内容？
How can I write the content of a variable in image src while using document.getElementById?
问：
我有以下代码
document.write("<img src=./", i, ".png width='100px' height='100px'>");
document.write("<img src=./", x, ".png width='100px' height='100px'>");
document.write("<img src=./", y, ".png width='100px' height='100px'>");`
我想在.srcgetElementById(myImg).InnerHTML
我试过这个
document.getElementById("myImg").innerHTML.src = "./", i, ".png width='100px' height='100px'>";
但它不起作用
正确的写法是什么？
答：
0赞
Aminarune
9/30/2023
#1
更改 ，而不是 。你可以在这个问题中看到答案。
并且您需要设置 with 样式srcInnerHTML.srcwidthheight
document.getElementById("myImg").src=`./${i}.png`;
document.getElementById("myImg").style.width="100px";
document.getElementById("myImg").style.height="100px";
-1赞
Siddiqui Affan
9/30/2023
#2
代码中存在语法错误。
试试这个
const img = document.getElementById("myImg");
const i = 'some_string_or_number'
img.src = "./"+i+".png";
img.width='100px';
img.height='100px';
评论