Question

人。请向我解释一下。我想为我的页面创建一个静音/取消静音按钮。（音频自动启动）所以这里是我第一次使用的代码：

<script>
var sound  = getElementById (‘background_sound’);
        function mute(){
          if(background_audio.muted == false){
            background_audio.muted = true;
          } else {
            background_audio.muted = false;
          }

}
</script>

但它没有用。所以我只删除了第一行（我的意思是这个var）并直接解决了id。它奏效了。现在我的HTML看起来像这样：

<audio id="background_audio" autoplay="true" loop="loop">
          <source src="Audio/flute.mp3">
If you are reading this, it is because your browser does not support the audio element.
</audio>

<button   onclick="mute()">
      <i class="fa fa-music"></i></button>

和这样的javascript

<script>

        function mute(){
          if(background_audio.muted == false){
            background_audio.muted = true;
          } else {
            background_audio.muted = false;
          }

}
</script>

问题是如何在不创建变量的情况下直接处理Id？它工作正常，但我以后会遇到任何代码问题吗？我只是觉得我需要分配一个var来工作。有点困惑。

Answer 1

试试这个我相信这会起作用

 <script>

            function mute(){
              if(document.getElementById('background_audio').muted == false){
                document.getElementById('background_audio').muted = true;
              } else {
                document.getElementById('background_audio').muted = false;
              }

    }
    </script>

静音/取消静音按钮以显示背景音

1 个答案: