title: how to change content of <i class"material-icons> as it was a <p>
body: <p>I'm trying to change the buttons of an audio using google icon font but innerHTML is only for paragraph how would you code this in javascript ?</p>
  
  <pre><code>if(aud1){
          document.getElementById("play1").addEventListener("click",
              function(){
                  if(aud1.paused){
                      aud1.play();
                      document.getElementById("play1").innerHTML = &lt;i class="material-icons"&gt;play_arrow&lt;/i&gt;;}
                  else{
                      aud1.pause();
                      document.getElementById("play1").innerHTML = &lt;i class="material-icons"&gt;pause&lt;/i&gt;;}
  </code></pre>