如何在img src属性中使用JavaScript变量?
从如何在img src属性中使用JavaScript变量?,javascript,html,image,Javascript,Html,Image,从标记中选择选项后,将调用下面的JavaScript函数 function function1() { var country=document.getElementById('id1').value; switch(country) { case "India": logo="rupee.png"; break; case "US": logo="dollar-logo.png"; break; case "Britan": logo=
标记中选择选项后,将调用下面的JavaScript函数
function function1()
{
var country=document.getElementById('id1').value;
switch(country)
{
case "India":
logo="rupee.png";
break;
case "US":
logo="dollar-logo.png";
break;
case "Britan":
logo="yen.png";
break;
}
现在我想根据所做的选择来展示国旗。。
下面是我想显示图像的HTML文件
<td><img src="+logo+" width=30 height=30></td>
我也试过这个
<td><img src="<%Eval(logo)%>" width=30 height=30></td>
“宽度=30高度=30>
您可以使用
case "India":
myImg.src="rupee.png";
break;
case "US":
myImg.src="dollar-logo.png";
break;
case "Britan":
myImg.src="yen.png";
break;
其中myImg
是您的图像。在您当前的html中,它是:
var myImg = document.getElementsByTagName("img")[0];
或者您可以将id
属性添加到图像(
),以便使用
var myImg = document.getElementById("logo");
(您应该将
myImg
初始化放在function1()
的开头)您可以使用JS设置属性
function function1()
{
var country=document.getElementById('id1').value;
switch(country)
{
case "India":
logo="rupee.png";
break;
case "US":
logo="dollar-logo.png";
break;
}
document.getElementsByTagName("img")[0].src = logo;
}
document.getElementById(“myimg”).src=logo;
?顺便说一下,宽度和高度属性周围没有引号。这不是必需的吗?是的,它可以工作……或者您可以使用变量来存储getElementById()然后使用variable.src提供路径..谢谢you@AndreasFurster你的报价不是强制性的。@SwapnilKadam,好吧!学到了一些新东西:)