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.
Comentarios
Publicar un comentario