Dar una buena acogida.
En este video vamos a continuar donde lo dejamos.
Vamos a seguir hablando sobre otras formas de manipular elementos.
Recuerda que los seleccionamos y luego manipulamos y hasta ahora hemos visto cómo podemos cambiar el color o las
propiedades de cualquier estilo y también cómo podemos usar la lista de clases para afectar el estilo también.
Entonces en este video vamos a hablar sobre dos propiedades diferentes, las cuales nos
permiten cambiar el texto o envejecerlo en una página.
en lugar de una etiqueta fuerte como la que tengo aquí, o si quería cambiar la etiqueta de anclaje del texto en sí.
Entonces, si quería cambiar el contenido en lugar de una etiqueta H1 o
Eso es lo que vamos a ver cómo hacer en este video.
Entonces, la primera propiedad es algo llamado contenido de texto.
Como pueden ver aquí, tengo un párrafo con texto y una etiqueta fuerte que dice Awesome.
Y luego el resto del texto del párrafo.
Entonces, si selecciono esto con el documento P selector de Duckery, lo guardo en una variable y etiqueto el contenido del texto
en puntos que recuperará el texto dentro de ese elemento cada vez y el texto se define como
cualquier cosa entre etiquetas HTML pero sin incluir el impuesto.
Entonces verás que vuelve.
Este es un párrafo increíble.
No contiene las etiquetas fuertes por lo que simplemente extrae todo el texto del interior de ese párrafo.
Sin embargo, muchas capas profundas necesita ir.
Captura todo el texto y devuelve una gran cadena.
Y, por supuesto, también podemos establecer el contenido de texto como lo hice aquí. El contenido del texto de la etiqueta es igual a bla, bla, bla.
Y eso restablecerá el contenido del texto para que sea bla, bla, bla.
En el interior de este párrafo.
Ok, voy a seguir adelante y demostrarles cómo podemos usar la propiedad de contenido de texto antes de hacer eso.
Voy a actualizar nuestra página de demostración Tim con solo unas líneas más de marcado para tener más texto
con el que trabajar.
Así que voy a agregar un UL y dentro de esto vas a agregar vamos a hacer flores.
Entonces orquídeas.
Vamos a hacer suculencia y durar los tulipanes.
DE ACUERDO.
Vamos a seguir adelante y trabajar con esto.
En la consola de JavaScript.
Así que aquí está nuestra página aquí está nuestro pozo con nuestros tres aliados y luego también tenemos este párrafo que tiene
la etiqueta fuerte alrededor de la palabra. Las mezclas de super corgi son súper adorables como puedes ver.
Sí lo son.
Así que voy a ir al cónsul y empecemos simplemente seleccionando este párrafo hasta que P sea igual al documento.
Y mi primer instinto es utilizar el selector de consultas porque es muy fácil.
Pero no voy a hacer eso.
Solo que utilizamos otra forma solo para obtener más práctica.
Voy a usar elementos GET por nombre de etiqueta y ese nombre de etiqueta es un párrafo y luego recuerdo que todavía tenemos
que pedir el primero.
Entonces, si miramos a P tenemos ese párrafo y si ejecutamos contenido de texto sobre el contenido de texto, nos dice que
las mezclas de corgi son súper adorables.
Entonces toma todo el texto dentro de allí.
Hagamos lo mismo en la UL para seleccionar UL var UL y esta vez
usaré el selector queery ul.
Miremos la UL.
Asegúrate de que tenemos el correcto.
Definitivamente el correcto.
Y hagámosle a Teks contenido sobre eso.
Y puede ver que se deshace de las etiquetas y solo obtiene el contenido de texto puro dentro de esa UL y luego lo
que podemos hacer es también actualizar eso.
Así que esto es un poco peligroso en realidad porque digamos que quiero actualizar el contenido
del texto de este párrafo y quiero actualizarlo para decir que las mezclas de corgi son realmente muy adorables.
el contenido de texto de p sea igual y luego decir que las mezclas de corgi son realmente súper adorables pero espero que puedas ver el problema.
Bueno, yo podría hacer que
Voy a deshacerme de esta etiqueta fuerte aquí.
Si presiono enter solo lo sobreescribe.
Entonces, si esperamos este elemento ahora, nos hemos deshecho de todo lo que había dentro, lo cual era
una decisión fuerte.
Así que el contenido de texto es un poco peligroso en ese sentido si lo estás usando para establecer algo
no está mal, pero solo debes tener cuidado al respecto.
Necesitas saber exactamente qué hay dentro de un elemento.
Si hay H. T. Las etiquetas de correo electrónico que desea conservar no quieren
configurar automáticamente todo el contenido de texto para que sea un flujo de noticias porque eso borrará todo.
Hay otra propiedad que funciona en la misma línea que el contenido de texto, excepto que mantiene
intactos los dos elementos masculinos, por lo que no solo extrae el texto.
De hecho, mantiene la estructura con un correcto cada vez.
Elementos devueltos, así como el texto, para que la propiedad se llame HMO interno.
Entonces tenemos nuestro mismo párrafo.
Este es un párrafo impresionante con etiquetas fuertes a su alrededor increíble.
Y luego lo seleccionamos con el selector de consultas y luego ejecutamos la etiqueta dot inner h m l
y eso me da un párrafo impresionante mientras mantengo la etiqueta fuerte allí.
Así que le mostraré otro ejemplo y actualizaré la página para que tengamos nuestra etiqueta fuerte aquí y voy a
seguir adelante y seleccionar el párrafo nuevamente.
Documentar el párrafo del selector de consultas de doc y vamos a ejecutar.
Primero revisemos el contenido de texto y luego hagámoslo por él.
Y puedes ver que también nos devuelven la etiqueta fuerte.
Hagamos lo mismo por UL y las mentiras que están dentro de él.
Entonces, var UL es igual al selector de consulta del documento doc.
Lo harás y luego tendrás esa identidad interna y obtendremos las etiquetas también.
Entonces, esto es útil y veremos algunas situaciones en las que vamos a aprovecharlo en
algunos de los proyectos que construimos.
El texto también es útil si solo estamos cambiando lo que hay dentro de una etiqueta.
Por lo general, en realidad no lo configuramos para que sea algo porque es el mismo problema
que tendríamos al configurar el contenido de texto, simplemente sobrescribe lo que está dentro de él
enfurecido.
Así que te mostraré que si digo que UL dot inner HTML es ahora igual a las plantas son increíbles.
Simplemente lo anula por completo como lo hizo para el contenido de texto.
Entonces, si queremos agregar nuevos elementos o si queremos interactuar con HTML, existen otras maneras de hacerlo.
Pero si todo lo que queremos hacer, por ejemplo, es cambiar este título.
Bienvenido a mi demo Dom.
Podrías seleccionar eso primero.
Es un H-1.
Y notas que no hay H fuera de él.
Es solo un H-1.
Entonces, podríamos usar cualquier contenido de texto o energía M-L no importa.
Pero la mayoría de la gente usaría contenido de texto porque eso es todo lo que es contenido de texto.
Y podríamos restablecerlo para ser algo más.
Así que eso solo sería una cuestión de documento, vamos a hacer el selector de
consultas nuevamente y no vamos a guardarlo en una variable solo para que
te acostumbres a ver este selector de documentos H-1 y luego podamos encadenarlo al final el contenido del texto del punto es igual y de esta lección.
Y puedes ver aparecer mis cambios reflejados.
Entonces, para recapitular contenido de texto ingrese HD M-L, dos formas diferentes de agarrar el contenido de un elemento
dado lo seleccionamos primero y luego lo ejecutamos, lo enfureció.
O el contenido de texto en ese contenido de texto del elemento seleccionado extraerá solo el texto y devolverá una gran cadena
llena de texto y lo enfurecerá. Mel nos dará todo como una cadena, incluidos los elementos que lo eliminaron.
Así que aquí hay una pequeña bonificación al final.
Esto no es algo que espero que recuerde, pero hay otra diferencia entre el enfurecido HTML
y el contenido de texto, y lo ilustraré aquí.
Probemos algo así como este cuerpo de volcado de documentos que nos da el cuerpo entero dentro del HMO.
Y puede ver si obtenemos todo el código HTML para el cuerpo, todo lo que podemos hacer
es lo mismo al ingresar a un contenido de texto como este y obtenemos todo el texto en nuestra página, que son solo estas tres líneas.
Lo que sí puedo hacer es si quería cambiar, quería deshacerme de todo en esta
página, lo cual no es una buena idea, pero si quería hacerlo, quería reemplazarlo con un nuevo H-1
y ese H-1. Solo dije adiós para hacer eso. Podría hacer algo como este documento. El contenido de texto de la cámara
del cuerpo es igual y podría poner una etiqueta H-1 aquí y hacer algo como esto donde escribo HMO.
Y si presiono enter.
Oh no, en realidad no funciona.
Así que el contenido de texto no va a tratar la cadena como HMO.
Lo trata puramente como texto, por lo que no representa la etiqueta H-1 en comparación con si yo hice lo mismo
con él enfurecido.
En su HMO.
Puedes ver que realmente lo representa como H-1.
Así que eso es un matiz, pero el contenido de texto de diferencia importante trata lo que sea que le dé y
lo que sea que le dé como solo texto y lo interiorice.
De hecho, lo trato como H M L y lo represento en la página si le das etiquetas para renderizar