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.

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 *