Blog
Cómo borrar una etiqueta div HTML con Java Script y jQuery
El desarrollo de sitios dinámicos en la actualidad se está utilizando mucho, debido a la gran usabilidad que le proporciona a los usuarios finales de las aplicaciones. Uno de los lenguajes que juega un papel fundamental en estos casos es Java Script junto a la librería jQuery. Hoy en este mini tutorial vamos a ver cómo eliminar o borrar una etiqueta div HTML con jQuery con un ejemplo muy sencillo y fácil de entender, lo que permitirá hacer sitios más dinámicos.
Cómo eliminar o borrar una etiqueta div HTML con Java Scirpt y jQuery
Para empezar a resolver este sencillo problema crearemos una porción de código HTML, el cual vamos a utilizar para eliminar un elemento div.
[sourcecode language=»html»]
<div id="borrar">
<p>Eso es una prueba para <strong>borrar código HTML</strong>. Ofrecido por ProgramacionExtrema.com<p>
</div>
[/sourcecode]
En el código anterior definimos un tag div con id «borrar», el cual utilizaremos para eliminar con la siguiente línea de jQuery.
[sourcecode language=»javascript»]
$(‘#borrar’).remove();
[/sourcecode]
A continuación el código completo, en el cual utilizamos la función setTimeout que hace que después de 3 segundo de ejecutarlo elimine la etiqueta HTML.
[sourcecode language=»javascript»]
<html>
<head>
<meta charset="utf-8">
<title> Borrar HTML con jQuery </title>
<meta name="robots" content="noindex, nofollow">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="html2canvas.js"></script>
<script type="text/javascript">
$(function() {
setTimeout(function(){
$(‘#borrar’).remove();
}, 3000)
});
</script>
</head>
<body>
<div id="borrar">
<p>Eso es una prueba para <strong>borrar código HTML</strong>. Ofrecido por ProgramacionExtrema.com
<p>
</div>
</body>
</html>
[/sourcecode]
Eso es todo lo necesario para eliminar código HTML con Java Script, ante cualquier inconveniente no duden en dejar un comentario.