单击时尝试更改按钮图标

Question

首先是我的Plunker代码：http://plnkr.co/edit/NAH3ePyZdQePbB9EdOzW?p=preview

当点击按钮时，我正在尝试将图标从图标刷新更改为图标微调器但由于某种原因它无法正常工作。我对HTML很新，所以我相信某处可能存在语法错误，但我很难过。

Answer 1

你的document.getElementById（“something”）。innerText =“Loading ...”;命令正在替换标记的所有内容，包括i标记。您可以将文本包装在span中，然后定位span的innerText：

<a href='#' onclick="load()" id="something" class="buttonLink">
      <i id="changeThis" class="icon-refresh"></i> <span id="button-text">Button</span>
</a>

的javascript：

document.getElementById("button-text").innerText = "Loading...";