This may seem silly question but I seek clarification since my application is very huge.

I have:
Code:
var audio = document.createElement("audio");
Do I have to always append this element to a parent node like:
Code:
document.body.appendChild(audio); // or something
Is it necessary since I remove and create the audio element on the fly base on a handler function or user interaction?

My current practice is that I never append them to anything. Is this a good practice?

Note: I do this because there is no current browser supports switching audio API source node natively. It can be done through hack.

Thank you,