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/

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

1 个答案: