Cómo hacer InnerText en JQuery

Escrito por sara williams | Traducido por daniel gómez villegas
  • Comparte
  • Twittea
  • Comparte
  • E-mail

En JavaScript, el texto "inner" de un elemento HTML se refiere al texto entre cualquier conjunto de etiquetas HTML. El jQuery equivalente utiliza la función "text()" para hacer lo mismo. Utiliza la función "text()" de poner texto entre un conjunto de etiquetas o cambiar el texto según sea necesario. La función "text()" difiere de la "html()", ya que no devuelve las etiquetas HTML anidadas y es compatible tanto con archivos HTML como XML.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Abre la página web en un editor de código o el Bloc de notas. Asegúrate de que la biblioteca jQuery ya está incluida en esta página en algún lugar, por lo general entre las "etiquetas" <head> o por encima de la etiqueta de cierre "</body>". Añade este código si necesitas insertar jQuery:

    <script type="text/css" href="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

  2. 2

    Añade un par de etiquetas "<script>" debajo de todas las demás etiquetas "<script>". Inicia el script con la función "ready()" para forzarla a esperar a que la página termine de cargar:

    <script type="text/css"> $(document).ready(function() { }); </script>

    Escribe todo el código jQuery en el interior de la función "ready()".

  3. 3

    Declara una nueva variable y hazla igual a un selector de jQuery que apunte al elemento HTML en el que desees capturar texto. Anexa la función "text()" al final del selector:

    var myText = $("#mytext").text();

    El código anterior declara "myText" como una variable igual al texto dentro de cualquier etiqueta HTML que utilice "mytext" como su nombre ID.

  4. 4

    Cambia el texto dentro de un elemento HTML, coloca el texto de reemplazo dentro de la función "text()":

    $("#mydiv").text("This is text inside a div.");

    El código del ejemplo busca cualquier etiqueta HTML a partir del nombre ID "mydiv" y cambia su texto interno a "Este es un texto dentro de un div". Perderás todo el otro texto que originalmente estaba entre las etiquetas seleccionadas.

No dejes de ver

Referencias

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles