10 - Métodos html() y html(valor)


Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado)

Problema:

<html>
<head>
<title>Problema</title>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<input type="button" id="boton1" value="Mostrar el HTML de la cabecera de la página">
<input type="button" id="boton2" value="Mostrar el HTML del cuerpo de la página"><br>
</body>
</html>
var x;
x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
  var x;
  x=$("#boton1");
  x.click(presionBoton1);
  x=$("#boton2");
  x.click(presionBoton2);
}

function presionBoton1()
{
  var x;
  x=$("head");
  alert(x.html());
}
function presionBoton2()
{
  var x;
  x=$("body");
  alert(x.html());
}

Confeccionar una página que tenga dos botones. El primero debe mostrar en un alert el contenido HTML de la cabecera de la página y el segundo el contenido HTML del cuerpo de la página.


Ver solución

pagina1.html





funciones.js



Retornar