在图像点击上启用Javascript功能

时间:2016-02-26 01:48:40

标签: javascript html

我有一张图片出现在另一张图片上。

我发布的代码如下。请告诉我哪里出错了。谢谢!

的JavaScript

function suit1() {
  var element = document.getElementById("suit1");
  element.setAttribute("Hidden", "False");
}

HTML

<img src="suit1.png" style="width:100%; height:595px;" hidden="true" id="suit1"/> 
<img src="point.png"  onclick="javascript:suit1()">

2 个答案:

答案 0 :(得分:2)

试试这个:

 function suit1() {
     var element =     document.getElementById("suit1");
  element.removeAttribute("hidden");
}

答案 1 :(得分:2)

正如评论中所述,suit1()中的数字导致了此问题。但是,将函数名称更改为除了第一个img 的ID之外的任何名称都可以解决问题。 HTML:

<img src="suit1.png" style="width:100%; height:595px;" hidden="true" id="suit1"/> 
<img src="point.png"  onclick="javascript:some1()">

JavaScript的:

function some1() {
  var element = document.getElementById("suit1");
  element.removeAttribute("hidden");
}

或者更改img

的ID