Leer y escribir el código HTML desde jQuery
Aunque ya tenemos en JavaScript una función similar (innerHTML) en jQuery tenemos el método html() que nos permite leer y escribir el código html de un objeto dentro del DOM.Este método no funciona para documentos XML.
Si el selector regresa más de un elemento, sólo el primer elemento regresa su código HTML.
Esta función puede presentar algunos problemas con el navegador Internet Explorer, en versiones antigüas, ya que se basa en el comando innerHTML de JavaScript:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML</title>
<script src="jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(inicio);
function inicio(){
$("p").click(onCambia);
}
function onCambia(){
var tt = $(this).html();
$(this).text(tt);
}
</script>
</head>
<body>
<p><strong>Este</strong> es <em>un párrafo</em></p>
<p>Este <input type="button" value="botoncito"/> no es otra cosa que código HTML</p>
<p>Esta imagen <img src="imagenes/animales/medusa.png"/> también es código HTML</p>
</body>
</html>
Ejemplo: http://pacoarce.com/jQuery/html.html
No hay comentarios:
Publicar un comentario