【问题标题】:how to change content of <i class"material-icons> as it was a <p>如何更改 <i class"material-icons> 的内容,因为它是 <p>
【发布时间】:2017-11-08 17:06:57
【问题描述】:

我正在尝试使用 google 图标字体更改音频的按钮,但 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>;}

【问题讨论】:

    标签: javascript html google-fonts


    【解决方案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";
                }
            );
    

    【讨论】:

      猜你喜欢
      • 2021-03-27
      • 1970-01-01
      • 2018-06-15
      • 2019-12-15
      • 2022-11-12
      • 1970-01-01
      • 2011-07-16
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多