由setAttribute创建的具有onclick事件的按钮在单击时不会启动功能

问题描述

一切正常，直到创建了“暂停按钮”（代码的最后一行），我使用函数“ pauseAudio”在其上设置了onclick事件，但是当我单击它时，“ Uncaught ReferenceError：HTMLButtonElement中未定义pauseAudio” .onclick”，我看不出它无法正常工作的原因。

function myFunction5(){
    var audio = new Audio("jazz.mp3" ) ;

    function playAudio() {
      audio.play();}
      playAudio();
      function pauseAudio() {
        audio.pause();}



document.getElementById("rockbtn").classList.replace("btn-secondary-rock","btnfadeout");
  document.getElementById("animebtn").classList.replace("btn-secondary-anime","btnfadeoutanime");
    document.getElementById("popbtn").classList.replace("btn-secondary-pop","btnfadeoutpop");
    document.getElementById("90sbtn").classList.replace("btn-secondary-90s","btnfadeout90s");
      document.getElementById("classicbtn").classList.replace("btn-secondary-classic","btnfadeoutclassic");
        document.getElementById("hiphopbtn").classList.replace("btn-secondary-hiphop","btnfadeouthiphop");
        document.getElementById("electrobtn").classList.replace("btn-secondary-electro","btnfadeoutelectro");
            document.getElementById("jazzbtn").classList.replace("btn-secondary-jazz","btnfadeoutjazz");
                document.getElementById("firstbb").classList.replace("super","superjazz");





    document.getElementById("rockbtn").classList.remove('btn-secondary-1');

    function myFunction13() {
          var node = document.createElement("P");
      var textnode = document.createTextNode("Oh a Jazz lover,thats wonderfull");
      node.appendChild(textnode);
      document.getElementById("firstbb").appendChild(node);
    }
    myFunction13();
    var xx = document.getElementById("firstbb").lastChild.setAttribute("id","democlassjazz");


    function myFunction14() {
          var node = document.createElement("P");
      var textnode = document.createTextNode("U can always change music by clicking the bell");
      node.appendChild(textnode);
      document.getElementById("firstbb").appendChild(node);}

      setTimeout(function(){myFunction14();
      var xx = document.getElementById("firstbb").lastChild.setAttribute("id","democlassjazz");},11200)


      function myFunction15() {
            var node = document.createElement("LABEL");
            var textnode = document.createTextNode("music");
            node.appendChild(textnode);
        document.getElementById("firstbb").appendChild(node);}


setTimeout(function(){
        myFunction15();
        var xx = document.getElementById("firstbb").lastChild.setAttribute("class","fab fa-sellsy icon ");},11900)

setTimeout(function(){ var xx = document.getElementById("firstbb").lastChild.setAttribute("class","fab fa-sellsy  iconmovingcloud");},13500 )
setTimeout(function(){ var xx = document.getElementById("firstbb").lastChild.setAttribute("for","menu-toggle");},13500 )


        setTimeout(function(){  var node = document.createElement("BUTTON");
        var textnode = document.createTextNode("blablabla");
        node.appendChild(textnode);
        document.getElementById("firstbb").appendChild(node);},13600)
setTimeout(function(){ var xx = document.getElementById("firstbb").lastChild.setAttribute("onclick","pauseAudio()");},13700 )
    }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）