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.
<div id="borrar"> <p>Eso es una prueba para <strong>borrar código HTML</strong>. Ofrecido por ProgramacionExtrema.com<p> </div>
En el código anterior definimos un tag div con id “borrar”, el cual utilizaremos para eliminar con la siguiente línea de jQuery.
$('#borrar').remove();
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.
<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>
Eso es todo lo necesario para eliminar código HTML con Java Script, ante cualquier inconveniente no duden en dejar un comentario.