HTML 按钮不显示 Javascript 编码的图像显示

Question

我有一些 javascript 功能在几周前曾一度有效，但在我为我的公司开发应用程序时并不重要，所以我没有注意到它似乎只是停止工作......但现在很重要。它是一个按钮，单击时应在按钮下方显示图像。目前，当我单击按钮时没有任何反应……尽管它曾经正确显示图像。

这是原始代码（在页面头部）：

function getImageFL()
{
 var x = document.getElementById("flacBtn").value;
 document.getElementById("flac_place").src=x;
}

以及按钮标签（来自页面正文）：

<button id="flacBtn" value="other_pages/images/flac.png" onclick="getImageFL()">Click for image of FLAC model</button><br>
<img id="flac_place" height="200" width="349" style="visibility:hidden">

今天我为另一个按钮/图像对尝试了其他方法，但这似乎也没有任何作用......新代码（也在头部）：

function getImageRW()
{
 var x = document.getElementById("rwBtn").value;
 var image = document.getElementById('rw_place');
 image.setAttribute('src', x);
 image.style.visibility='visible';
}

并且在按钮标签中（在正文中）：

<button id="rwBtn" value="other_pages/images/3D-3.png" onclick="getImageRW()">Click for image of RW model</button><br>
<img id="rw_place" height="170" width="425" style="visibility:hidden">

任何想法为什么这些都不做任何事情？为什么至少第一个习惯了？谢谢！

Answer 1

第一个不起作用，因为你忘了在那里设置visibility='visible';

function getImageFL()
{
 var x = document.getElementById("flacBtn").value;
 document.getElementById("flac_place").src=x;
 document.getElementById("flac_place").style.visibility = 'visible';
}

Fiddle here

第二个对我有用：http://jsfiddle.net/tTLf6/