Javascript 函数无法将样式显示从无更改为阻止 img/图像源

标签 javascript html

<分区>

这是一个简单的代码 fiddle :http://jsfiddle.net/k5wfH/11/ 这连续 2 天对我不起作用。

在我的网站中,第 2 个,即

flag

图像风格显示改变作品, 但是第一个,即

upvote

图像样式显示更改不起作用。 但是在 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 的填充区域。一切都解决了。在这里学到了一两件事。谢谢大家。

最佳答案

我的 friend ,你的代码很完美,它正在运行。

看这个例子:http://jsfiddle.net/k5wfH/16/

请参阅此讨论,它是一个 jsfiddle 配置设置。当您使用外部文件时。

How to use function declaration with jsfiddle

enter image description here

我在你的 fiddle 中完成了这个,现在它正在工作。

如果你想要它就像文档一样使用它。就绪

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

})();

关于Javascript 函数无法将样式显示从无更改为阻止 img/图像源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31174842/

相关文章:

javascript - (Javascript) 如何用纯javascript将div移动到原来的位置并检查滚动条是否超出可见区域

python - BeautifulSoup 找不到具有特定类的 div

javascript - 谷歌地图中的浮点缩放和setZoom

javascript - react |动态选择获取值

javascript - 如何在react中设置条件类?

html - 如何使按钮彼此相邻?

javascript - 引用另一个页面并更改 iframe 内容

javascript - 如何通过单击 react 路由器 v4 中的按钮在路径上导航?

javascript - 面向 JavaScript 的重构技巧资源

javascript - 如何使用按钮切换图像可见性?