Hola a todos.
Estoy tratando de desarrollar un sitio web y el problema es que no puedo agregar elementos creados con javascript a la ventana hecha también con javascript.
Les agradezco la ayuda que me puedan dar.
El archivo funciones_web.js tiene funciones para mostrar u ocultar contenido que no tienen ninguna relación con la ventana que estoy creando.
Puedo crear la ventana pero no introducir contenido a menos que lo haga con innerHTML o document.write();
Después de createElement y createTextNode el elemento introducido con "var cuerpo = ventana.document.getElementsByTagName(nodo);cuerpo .appendChild(producto);" no visualiza nada.
Código:
<html>
<head>
<title>Ventas Reino.</title>
<link rel="stylesheet" type="text/css" href="estilos_web.css" />
<script type="text/javascript" src="funciones_web.js">
</script>
<script type="text/javascript" >
<!--
function crearelemento(str) {
var elemento = document.createElement("p");
var texto = document.createTextNode(str);
elemento.appendChild(texto);
return elemento;
}
function cargar_chango(nodo){
var ventana = open("","Chango","scrolling=yes",false);
ventana.document.write("<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'><br>");
ventana.document.write("<html><head><meta http-equiv='content-type' content='text/html; charset=ISO-8859-1' /></head><body></body></html>");
var producto = crearelemento("Baño de crema con jojoba y almendras.");
var cuerpo = ventana.document.getElementsByTagName(nodo);
cuerpo.appendChild(producto);
}
//-->
</script>
</head>
<body>
<br>
<div id="pagina">
<div id="cabecera" >
<a href="#" id="comprar" onclick="cargar_chango('body');" >Comprar</a>
</div>
</div>
</div>
</body>
</html>