jQuery

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.

Compartilo en
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestEmail this to someone

AboutJosé Di Meglio

Apasionado de la tecnología y programación. Aportando información gratuita sobre el mundo de la informática.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *