单击javascript后图像消失

Question

我无法弄清楚为什么我的图像会在点击后消失。

 var GOT = function() {
 document.getElementById("sigil").onclick = function sigilchoice() {
 var name = prompt("who goes there! what is our house name?");
 document.getElementById("message").innerHTML = name;
 return('message');
};
};

GOT();

HTML：

 <h1>Choose a King</h1>
 <a href="">
<img id="sigil" src="http://i.imgur.com/sUnMg32.jpg">
 </a>
<p id="message"></p>

http://jsfiddle.net/RznH4/

Answer 1

我将您的代码复制并粘贴到JSFiddle中，但只删除了<a>标记，如果没有它，它似乎工作正常，<a href="">它只是重新加载页面，因为{{1设置为：href

HTML：

href=""

JavaScript的：

<h1>Choose a King</h1>
  <img id="sigil" src="http://i.imgur.com/sUnMg32.jpg">
<p id="message"></p>

（正如您可以看到除HTML之外的完全相同的代码）

JSFiddle