Menu
Icon

Añadir texto a un elemento de la pagina web JQuery.

{

En este ejemplo de programación empezaremos con una función básica que con jquery trataremos de diversas maneras como ser el pasar información por medio de Jquery por lo que en esta ocasión le añadiremos texto a un div con id contenido.


Aquí el ejemplo:




<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>JQuery appletenhtml</title>
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
</head>
<body>
    <div class="container-fluid-">
        <div class="row">
            <div class="col-md-4">
                <h3>jQuery appletenhtml</h3>
                <br>
                <div id="contenido"></div>
            </div>
        </div>
    </div>    
 
      <!-- Añadiendo js-->    
      <script src="js/jquery-3.2.0.min.js"></script>
      <script src="js/appletenhtml.js"></script>
   
</body>
</html>

El codigo anterior represente el codigo html al cual le añadiremos texto.

Utilizando el siguiente codigo de JQuery:

$(document).ready(function(){
   $('#contenido').html("Ejemplo Pasando / llenando/ obteniendo  informacion con  jQuery, appletenhtml");
});



Codigo por el cual solo buscamos el elemento con id contenido y le añadimos el texto con .html.









}

Utilizamos cookies propias y de terceros con finalidades analiticas y para mejorar tu experiencia de compras segun tus preferencias, mediante el analisis de tus habitos de navegacion y tu perfil. Puedes aceptar todas las cookies pulsando el boton "Aceptar" o gestionar tus preferencias en el panel de configuracion