音频标签，点击链接时添加src？

Question

我正在尝试编写一个页面，其中包含多个<audio>标签，并且页面加载需要永久（我有大约30个音频剪辑）。我看到了一个解决办法是离开src=""空的，当你点击一个链接，然后动态填充...

http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/

我snytax是错误的，但它必须做两件事情是单击按钮时。它必须通过填充src然后播放剪辑来加载视频。我想下面的代码将工作：

document.getElementById('1')[0].src = '1.aif';.play() 

Answer 1

语句被单独执行，所以.play()不元素上执行。这是无效的，因为声明不能以.开头。

你似乎想什么是 “链接式”（在一个声明中优雅的执行几件事情），它的jQuery，您可以使用：

$("#1").attr("src", "1.aif").play(); 

还是在纯JavaScript：

var elem = document.getElementById('1'); // returns one element, not an array 
elem.src = '1.aif'; 
elem.play(); 

Answer 2

您的问题是：

1. getElementById返回给定的元素个唯一标识符，而不是一个NodeList（因此[0]将不起作用，因为没有0属性）
2. 您的第二条语句试图在没有任何情况下调用play。你需要的东西之前，.

你可能想刚才设置preload="none"，而不是试图动态地设置src。