HTML中音频播放器的问题。

Question

          <div class="playing" id="bofang"></div>

这是用div定义的音频播放器界面一开始的暂停键，想要实现点击暂停键（那个三角形状的样子），暂停键就变成播放键的样子（两条竖线的样子），点击播放键，就变成暂停键的样子。（就是两种键的样子可以通过点击实现来回切换）。该怎样写JavaScript实现这种效果？十分感谢各位大神的帮助，谢谢！！！

Answer 1

// 绑定事件
<div class="playing" id="bofang" onclick="togglePlay"></div>
<script>

function togglePlay() {
    // 获取元素
    var ele = document.getElementById('bofang')
    // 通过 class 来控制背景图片
    if (ele.className === 'playing') {
        ele.className = 'pause' // 操作属性
    } else {
        ele.className = 'playing'
    }
    // 还可以设置 innerHTML , 来设置图标
    // ele.innerHTML = '<img src"...">'
}
</script>