对于img / image source

Question

这是一个简单的代码 小提琴：http://jsfiddle.net/k5wfH/11/ 这对我来说连续两天不起作用。

在我的网站上，第二个，即

  

标志

图像样式显示更改有效， 但是第一个，即

  

给予好评

图像样式显示更改不起作用。 但是在Fiddle中，两种样式显示更改功能都不起作用。

HTML：

<img id='upgrey' class='up' src='http://s24.postimg.org/8v77coekx/up_grey.png' width='26px' onclick='upvote();'>
<img id='upgold' class='up' src='http://s24.postimg.org/jtdvh4dsh/up_raised.png' width='26px' style='display:none'>
<img id='flaggrey' class='flag' src='http://s1.postimg.org/egcymr8cb/flag_grey.png' height='26px' onclick='flag();'>
<img id='flagred' class='flag' src='http://s1.postimg.org/a5yar6397/flag_raised.png' height='26px' style='display:none'>

JS

function upvote() {
    document.getElementById("upgrey").setAttribute("style", "display:none");
    document.getElementById("upgold").setAttribute("style", "display:block");
}
function flag() {
    document.getElementById("flaggrey").setAttribute("style", "display:none");
    document.getElementById("flagred").setAttribute("style", "display:block");
}

我认为这是JavaScript的面包和黄油功能，不知道我还能做些什么来解决这个问题。

啊，当简单的事情无法奏效时！

修改 看起来像另一个div的填充区域覆盖了其中一个图像（几乎完全~95％），我无法点击图像而只是点击其他div的填充区域。一切都整理好了。在这里学到了一两件事。谢谢大家。

Answer 1

当简单的事情无效时，尝试用简单的解决方案来解决它。 :)尝试从setAttribute部分开始更改代码;请将document.getElementById("upgrey").setAttribute("style", "display:none");更改为document.getElementById("upgrey").style="display:none";，依此类推。

Answer 2

我的朋友你的代码很完美而且正在运行。

请参阅此示例：http://jsfiddle.net/k5wfH/16/

看到这个话题，它是一个jsfiddle配置seeting。当你使用外部文件时。

How to use function declaration with jsfiddle

我在你的小提琴中做了这件事，现在它正在发挥作用。

如果你想要它像document.ready一样使用它  的 的

的

(function() {
   // your page initialization code here
   // the DOM will be available here

})();

的