javascript - 如何更改 的内容，因为它是

Question

我正在尝试使用谷歌图标字体更改音频按钮，但innerHTML仅适用于段落，您将如何在javascript中对此进行编码？

if(aud1){
        document.getElementById("play1").addEventListener("click",
            function(){
                if(aud1.paused){
                    aud1.play();
                    document.getElementById("play1").innerHTML = <i class="material-icons">play_arrow</i>;}
                else{
                    aud1.pause();
                    document.getElementById("play1").innerHTML = <i class="material-icons">pause</i>;}

Answer 1

为您的标签分配 ID

<i id="icon" class="material-icons">play_arrow</i>

然后更改标签的内部 HTML

if(aud1){
    document.getElementById("play1").addEventListener("click",
        function(){
            if(aud1.paused){
                aud1.play();
                document.getElementById("icon").innerHTML ="play_arrow";}
            else{
                aud1.pause();
                document.getElementById("icon").innerHTML ="pause";
            }
        );