html - 单击时尝试更改按钮的图标

Question

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

单击按钮时，我试图将图标从图标刷新更改为图标微调器，但由于某种原因它不起作用。我对 HTML 很陌生，所以我相信某处可能存在语法错误，但我很难过。

Answer 1

你的 document.getElementById("something").innerText = "Loading..."; 命令正在替换标记的所有内容，包括 i 标记。您可以将文本包装在跨度中，然后定位跨度的内部文本：

<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...";