html - クリック時にボタンのアイコンを変更しようとしています

Question

まずここに私のプランカーコードがあります: http://plnkr.co/edit/NAH3ePyZdQePbB9EdOzW?p=preview

ボタンがクリックされたときにアイコンを icon-refresh から icon-spinner に変更しようとしていますが、何らかの理由で機能しません。私はHTMLにかなり慣れていないので、どこかに構文エラーがあると思いますが、困惑しています。

Answer 1

あなたの document.getElementById("something").innerText = "読み込み中..."; コマンドは、i タグを含むタグのすべての内容を置き換えています。テキストをスパンでラップし、スパンの 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...";