Img/Audio通过document.getElementByID（“...”）更改。src = x +“。png”;不会工作

-1

我不知道为什么它不工作。既然它没什么特别的地方，我在网上搜索 - 在这里，但我发现的只有教程没有变量或者问题太具体。Img/Audio通过document.getElementByID（“...”）更改。src = x +“。png”;不会工作

任何人都可以指导我吗？

<html> 
<head> 
<title>Test</title> 
<script type="text/javascript"> 

function changeaudio(x); 
{ 

    document.getElementById("audioplayer").src=x+".mp3"; 
    document.getElementById("image").src=x+".png"; 
} 

</script> 
</head> 
<body> 
<center> 
<img id="image" src="1.png"> 
<audio id="audioplayer" src="1.mp3" controls autoplay loop> 
Your browser does not support the audio element. 
</audio> 
<br> 

<input type="button" id="play" value="Play 1" onclick='changeaudio(1)"' /> 
<input type="button" id="play2" value="Play 2" onclick='changeaudio(2)"' /> 
<input type="button" id="play3" value="Play 3" onclick='changeaudio(3)"' /> 
</center> 

</body> 
</html>

来源

2014-01-22 jediotic

我们不是在这里“指南“你，因为我们不是一个dis理事会。请提出一个具体的编程问题（并确保它将在未来帮助别人！）“不工作”是什么意思？什么_does_发生？在调试过程中发现了什么？ –

（本代码中存在基本错别字 - 请在发布之前加倍小心） –

您是对的。当我在将来再次询问这些问题时，我会更具体，并且花更多时间进行调试。希望它可以问：我试着用Firefox进行调试，但我试着让它工作。有人可以推荐一种（简单的，免费的）编辑器和一种“拼写检查”？（使用Notepad ++ atm） – jediotic

删除你的函数定义后;：function changeaudio(x);应该成为：function changeaudio(x)

此外，您onclick语法是错误的：onclick='changeaudio(1)"'应该是：onclick="changeaudio(1)"。

你的最终代码应该是这样的：

<html> 
    <head> 
     <title>Test</title> 
     <script type="text/javascript"> 
     function changeaudio(x) 
     { 
      document.getElementById("audioplayer").src=x+".mp3"; 
      document.getElementById("image").src=x+".png"; 
     } 
     </script> 
    </head> 
    <body> 
     <center> 
      <img id="image" src="1.png" /> 
      <audio id="audioplayer" src="1.mp3" controls autoplay loop> 
       Your browser does not support the audio element. 
      </audio> 
      <br /> 
      <input type="button" id="play" value="Play 1" onclick="changeaudio(1)" /> 
      <input type="button" id="play2" value="Play 2" onclick="changeaudio(2)" /> 
      <input type="button" id="play3" value="Play 3" onclick="changeaudio(3)" /> 
     </center> 
    </body> 
</html>

jsFiddle Demo

来源

2014-01-22 11:06:35 BenM

非常感谢您的快速回答:)现在完美的工作，我必须停止犯这样的愚蠢错误，我现在使用Notepad ++，你碰巧知道一个很好的免费软件编辑谁告诉我拼写错误？ – jediotic

没问题。你，你可能会喜欢，如果它被使用FUL。 – BenM

（编辑第1条评论） – jediotic

为一个jQuery的方法：

$(function(){ 
    $('.play').each(function() { 
     var mp3 = $(this).attr("id"); 
     $(this).click(function(){ 
      $('#audioplayer').attr("src", mp3+".mp3"); 
      $('#image').attr("src", mp3+".png"); 
     }); 
    }); 

}); 

<center> 
      <img id="image" src="1.png" /> 
      <audio id="audioplayer" src="1.mp3" controls autoplay loop> 
      </audio> 
      <br /> 
      <input type="button" class="play" id="1" value="Play 1" /> 
      <input type="button" class="play" id="2" value="Play 2" /> 
      <input type="button" class="play" id="3" value="Play 3" /> 
     </center>

jsFIDDLE DEMO

来源

2014-01-22 11:17:20 Havihavi

为什么称为'mp3'的变量，即使是图像？ –

为什么使用jQuery来处理某些事情**这么简单？ – BenM

只是一种选择 – Havihavi

Img/Audio通过document.getElementByID（“...”）更改。src = x +“。png”;不会工作

回答

相关问题