javascript - 通过 ID 停止音频元素

Question

感谢您查看我的问题。我遇到了停止音频元素的绊脚石，我希望得到一些帮助。我正在使用参数动态创建音频元素，如下所示。

var audio = document.createElement("audio");
audio.setAttribute('id', params[0]);

这工作正常，params[0] 是一个用户参数。例如，我可以提醒audio.id，并得到“背景音乐”。并且 audio.play 有效。当我试图阻止它时，问题就来了。

var audio = document.getElementById(params[0]);
audio.pause();

我以为这会起作用，但它每次都返回 null。我是一个完全的 javascript 菜鸟，我确信这是一个菜鸟错误，但我做错了什么？

提前非常感谢您。

Answer 1

创建音频元素后，将其附加到 dom 中的某个元素。

var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'http://home.tiscali.nl/~jvanderw/malaysia02/sounds/greatargus.mp3');
    audioElement.setAttribute('id', "user_id");
    audioElement.load()
$("#audio_div").append(audioElement); 

我创建了一个 fiddle ，检查这个 http://jsfiddle.net/QG68M/