Comment ajouter ou supprimer des éléments avec Javascripts

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<script type="text/javascript"                                        src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){ //Initialise le code JS lorsque les éléments HTML sont chargés
			$('#removeElement').live('click', function(){ $('#tdp').remove(); }); //Supprime l'élément avec l'id tdp lorsqu'on click sur removeElement
			
			$('#addElement').live('click', function(){ 
				if(!document.getElementById('tdp')) // Test pour ne pas ajouter à l'infinie l'element tdp				
					$('#tdp_content').append('<object id="tdp" width="800" height="500" type="application/x-shockwave-flash" name="tdp" data="http://www.darkness-project.com/tdp4/Preloader.swf" style="visibility: visible;" enableviewstate="false"></object>'); // Ajoute l'element tdp lorsqu'on click sur addElement
			});
		});
	</script>
</head>

<body>
	<input type="button" id="removeElement" value="Cacher le jeu (le supprimer)" /> 
	<input type="button" id="addElement" value="Monter le jeu (le remettre)" /> 
	<div style="margin:auto;text-align:center;" id="tdp_content">
		<object id="tdp" width="800" height="500" type="application/x-shockwave-flash" name="tdp" data="http://www.darkness-project.com/tdp4/Preloader.swf" style="visibility: visible;" enableviewstate="false"></object>
	</div>
</body>
</html>