javascript - javascript函数中的所有语句都没有被执行

标签 javascript html css function

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 6 年前

在下面的函数中:

function EVOLVE1()
{
  if(ATP>=evolveCost)
  {
  display('Your cell now has the ability to divide.');
  display('Each new cell provides more ATP per respiration.');
  ATP = ATP - evolveCost;
  document.getElementById('cellscount').innerHTML = "Cells = " +cells;
  document.getElementsById('ATPcount').innerHTML = "ATP + " +ATP;
  document.getElementById('dividebtn').style.display = "inline";
  document.getElementById('dividebtn').innerHTML = "Divide(" + divideCost + " ATP)";
   }
  else
  {
    display('Not enough ATP.');
  }
}

执行时,只执行前 4 条语句。最后 3 行没有任何效果(即带有 display:none 的按钮不可见,段落没有改变,按钮中的文本也没有改变)。我不知道为什么会这样。此外,display() 是一个简单的函数,它可以像这样更改 div 中的 p:

function display(x)
{
  var z = document.getElementById('centretext').innerHTML;
  document.getElementById('centretext').innerHTML = z + "<br>" +  x;
}

所以我不认为这是导致问题的原因。 HTML:

<div id="left" class = "format">
        <button class="buttonformat" id = "respirebtn" onclick="respire()"> Respire </button>
        <button class="buttonformat" id = "evolvebtn" onclick="EVOLVE1()"></button>
        <button class="buttonformat" id = "dividebtn" onclick="divide()"></button>
        <p id = "lefttext">
        </p>
      </div>

CSS:

#evolvebtn
{
  display: none;
  position: relative;
  top:450px;
  left:5px;
}

#dividebtn
{
  display: none;
  position: relative;
  left:5px;
  top:-30px;
}

最佳答案

document.getElementsById 不是函数。代码抛出一个异常(应该在您的控制台中可见)然后停止。

函数中没有 s,因为它返回单个元素(因为 ID 在文档中必须是唯一的)。

关于javascript - javascript函数中的所有语句都没有被执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39957411/

上一篇:javascript - 为什么一个行内 block 元素比其他元素略高

下一篇:CSS:奇偶不触发?

相关文章:

javascript - Ember 每个循环加倍。使用内部每个循环变量的值绑定(bind)到外部每个循环的变量中名称相同的属性

javascript - 试图将流体宽度 div 变成 100% 宽模态

javascript - 根据数据库中的下拉值设置 td 填充的背景颜色

javascript - 如果不满足要求则停止行动

javascript - 如何在到达可视空间底部时使用 jquery 动态增加 tinyMCE 的高度?

html - 使用 HTML5 视频在 Firefox 中播放 MP4 文件

javascript - onclick按钮展开为表单

css - 悬停在第一个选项上时下拉菜单消失(博主)

html - 网站上的页脚没有停留在页面底部?

javascript - Moment.js 添加多个日期之间的差异