Vamos a crear una sección llamada post más visitados que la estaremos clonando de otra sección de aquí
mismo el sitio web para ver unos ejemplos de práctica de los que hemos estado aprendiendo voy a comentar
esta línea y vamos a crear un nuevo código aquí.
Bar ciber que va a ser igual a document punto y selector nada más tengo un Sidebar así que le pongo
aceita
y aquí en ambar que diga más visitados que vendrían siendo los post más visitados y le ponemos igual
a documento punto criadita Element recuerda criadita Clemente crea un elemento de tipo HTML que iba
a ser el tipo H2 lo creamos otra variable que va a decir bar texto visitados igual document untó text
not y aquí le ponemos posts más visitados así que este va a ser el encabezado luego ponemos más visitados
junto a Chile y ponemos texto visitados y luego ponemos el Zaibat que ya hemos seleccionado aquí anteriormente
de nuevo punto insert before servi te va a ayudar a controlar la donde se inserta exactamente los pasos
después que quieres que se inserte en este caso sería más visitados ya a estas alturas más visitados
ya tiene el texto mantienen en la etiqueta el H2 y el texto porque ya se lo hemos insertado aquí.
Coma y después salvar punto chill out en la posición cero.
Así que más o menos esto de este texto del H2S post más visitados debe de estar aquí arriba Ricardo
y vemos que el post más visitados recuerda si pongo aquí el botón derecho seleccionar abro la consola
y pongo este selector y lo pego aquí y pongo dir Sidebar puedo expandir el triángulo y aquí buscar el
not y vemos que aquí nos aparece tenemos la posición 1 no teníamos nada H2 esta este de otros post lo
tenemos texto uno New Order List y más texto así que en la posición 0 lo posicioné para que se inserte
antes del texto de otros post.
Si lo pusiera en la posición 5 se agregaría aquí abajo sin embargo una posición 0 se agrega a la parte
superior ok se inserta el H2 y vamos a copiar los títulos que tenemos aquí Baur contenido igual a document
punto y selector.
En este ejemplo lo que quiero hacer es tomar este título este y éste por lo tanto es un selector OK
porque espero más de un elemento Main H2 si recuerdas esto en el main
aquí tenemos el Main y luego vamos a ir por los H2 y vamos a poner region for bar igual a cero y menor
que contenido punto length
y le ponemos mas mas un Ford normal.
Esto porque este contenido si lo pongo aquí por ejemplo en la consola me va a regresar una rãe de tres
con tres elementos así que necesito un foro para recorrerlo y pongo equipar nuevo elemento.
Iguala document punto criadita Element y queremos crear una lista el Lehi.
Luego creo Baur nuevo texto igual a document to create text no y aquí lo vamos a poner contenido que
vendría siendo la RAE que aquí tenemos en la posición y punto y la ponemos first Chae punto not valio
para obtener el valor de cada uno de estos textos.
Viajar a Londres puente de la Torre etc
y vamos a ponerla aquí nuevo elemento punto Append el nuevo texto.
Así estamos agregando el texto de cada uno de estos en nuestra nueva lista.
Y por último podemos Barrapunto Incer before para controlar la inserción.
Primer primer parámetro lo que queremos insertar que sería el nuevo elemento coma y la posición exacta
que el post más visitados habíamos puesto en el cero.
Pues hace sentido que este sea el siguiente elemento lo podremos poner el 1 y guardo cambio si recargo
y vemos que aparece post más visitados y en metro de Londres puente de la Torre y viajar a Londres con
este código estamos seleccionando el texto que aquí tenemos estamos creando las nuevas listas y las
estamos insertando en la barra lateral.
De esta forma
así que espero que esta parte del scrip tienen no en el DOM esté siendo de utilidad en el siguiente
vídeo vamos a ver como eliminar nodos ya vimos cómo actualizarlos crearlos modificarlos insertarlos
y vamos a ver en el siguiente vídeo cómo remover un nodo antes de finalizar la parte del DOM.