Остановка аудио-элемента по ID

Question

Спасибо, что узнал мой вопрос. Я сталкиваюсь с камнем преткновения, останавливающим звуковой элемент, и я надеюсь получить некоторую помощь. Я динамически создаю звуковые элементы с аргументами, например.

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

Это прекрасно работает, params [0] является аргументом пользователя. Я могу предупредить audio.id, и я, например, получаю «backgroundmusic». И 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); 

Я создал скрипку, проверить это http://jsfiddle.net/QG68M/

Answer 2

я заметил, что вы не прикрепили аудио объекта в DOM/документ. Это приводит к тому, что document.getElementByID не сможет найти элемент. самый простой способ остановить воспроизведение аудиофайла - сохранить ссылку на созданный аудио-объект.

var audioControl; 

function CreateAudioElement(params) 
{ 
    audioControl = document.createElement("audio"); 
    audioControl.setAttribute('id', params[0]); 
} 

function StopAudioElement() 
{ 
    audioControl.pause(); 
}