javascript - 使用 javascript 更改媒体播放器的图标字体？

Question

我正在尝试开发一个非常简单的音频播放器，只有一个播放/暂停按钮和一个静音/取消静音按钮。

我想使用 Font-Awesome 来显示播放/暂停和静音/取消静音的图标。

我创建了一个放置代码的小提琴。http://jsfiddle.net/EsC6L/

我收到错误“未捕获的语法错误：意外的标识符”

控制台将 innerHTML 中的语法识别为不正确。

btnPlayPause.addEventListener("click", function() {
    if (myAudio.paused) {
        myAudio.play();
        btnPlayPause.innerHTML = "<i class="icon-pause"></i>";
    }
    else {
        myAudio.pause();
        btnPlayPause.innerHTML = "<i class="icon-play"></i>";
    }
});

btnPlayPause 和 myAudio 一样被定义为 var。

在 HTML 方面，我有以下内容

    <div class="controls">
        <button id="btnPlayPause">Play</button>
        <button id="btnMute">Mute</button>
    </div><!-- /controls -->

我很困惑如何解决这个问题。

Answer 1

字符串需要转义：

btnPlayPause.innerHTML = "<i class=\"icon-pause\"></i>";

演示：http: //jsfiddle.net/EsC6L/2/