javascript - 为什么必须单击两次才能使按钮起作用，如何解决此问题？

除了仅连续两次单击按钮后，该功能的执行效果非常理想。

function hideable(id) {
  var e = document.getElementById(id);
  if (e.style.display == 'inline-block')
    e.style.display = 'none';
  else
    e.style.display = 'inline-block';
}

<img class="user_upload" src="upload/0000000000.gif" alt="1024 KB, 500x309" title="1024 KB, 500x309" id="0000000000">
<span id="hide_image" onclick="hideable('0000000000');">hide image</span> 

编辑：对不起，我应该指定。这是我已经在使用的CSS，但仍然无法使用（即使使用内联代码块也是如此）

img.user_upload {
height: 75px; display: inline-block; float: left;
margin: 0px 20px 10px 0px;}

最佳答案

因为你的
<img class="user_upload" src="upload/0000000000.gif" alt="1024 KB, 500x309"title="1024 KB, 500x309" id="0000000000">
还不包含显示样式，它在您的if语句中返回null，并正在触发else情况。

尝试：

<img class="user_upload" src="upload/0000000000.gif" alt="1024 KB, 500x309" title="1024 KB, 500x309" id="0000000000" style="display:inline-block">

现在，当您运行它时，它将识别出一个元素，并将样式设置为none。