Esto funciona:
<html>
<head></head>
<body>
<object type="text/html" id="htmlFrame" style="border: none;" standby="loading" width="100%"></object>
<script type="text/javascript">
var element = document.getElementById("htmlFrame");
element.setAttribute("data", "attributeValue");
</script>
</body>
</html>
Si pones esto en un archivo, abierta en un navegador web, el código JavaScript se ejecutará y el y el " data "attribute + value" se agregará al elemento object.
Nota: Si simplemente mira la fuente HTML, NO verá el atributo. Esto se debe a que el navegador le muestra la fuente estática enviada por el servidor web, NO el DOM generado dinámicamente. Para inspeccionar el DOM, use una herramienta como Firebug. Esto le mostrará qué DOM ha renderizado el navegador, y podrá ver el atributo agregado.
Usando Firefox + Firebug o Google Chrome, puede hacer clic derecho en una parte de una página y hacer "Inspeccionar Elemento". Esto mostrará una vista del DOM renderizado.
¿Qué has intentado? ¿Qué no funcionó? ¿Puedes publicar tu HTML y javascript? – Oded