Modification des données de contenu sur un Objet de la Balise HTML

J'ai une page HTML qui contient une balise Object pour l'accueil d'un incorporé de la page HTML.

<object style="border: none;" standby="loading" id="contentarea" 
 width="100%" height="53%" type="text/html" data="test1.html"></object>

Cependant, j'ai besoin d'être à modifier la page HTML dans la balise object. Le code actuel semble créer un clone de l'objet et remplace l'objet existant avec elle, comme suit:

function changeObjectUrl(newUrl)
{
    var oContentArea = document.getElementById("contentarea");
    var oClone = oContentArea.cloneNode(true); 
    oClone.data = newUrl; 

    var oPlaceHolder = document.getElementById("contentholder"); 
    oPlaceHolder.removeChild(oContentArea); 
    oPlaceHolder.appendChild(oClone); 
}

Cela semble une assez mauvaise façon de le faire. Personne ne sait la "bonne" façon de changer la page intégrée?

Merci!

MODIFIER: En réponse aux réponses ci-dessous, voici la totalité du code source de la page je suis maintenant en utilisant. À l'aide de la setAttribute ne semble pas modifier le contenu de la balise Object.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<script language="JavaScript">
function doPage()
{
var objTag = document.getElementById("contentarea");
if (objTag != null)
{
objTag.setAttribute('data', 'Test2.html');
alert('Page should have been changed');
}
}
</script>
</head>
<body>
<form name="Form1" method="POST">
<p><input type="button" value="Click to change page" onclick="doPage();" /></p>
<object style="visibility: visible; border: none;" standby="loading data" id="contentarea" title="loading" width="100%" height="53%" type="text/html" data="test1.html"></object>
</form>
</body>
</html>

L'Test1.html et Test2.html les pages sont de simples pages HTML contenant le texte 'Test1' et 'Test2', respectivement.

InformationsquelleAutor Tim C | 2009-03-24