如何在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,好吧!学到了一些新东西:)