¿Alguna vez necesitó una lista de todos los países del mundo para poner como opciones en una selección de HTML? Bueno, aquí tienes. Y JSON también.
¿Cómo se derivó la lista para que pueda actualizarla de vez en cuando? Me alegro de que preguntaras.
https://www.iso.org/obp/ui/#search/code/ es la página enlazada desde la especificación W3, por lo que debe ser el verdadero negocio.
Cambie a 300 resultados por página para que pueda ver todos los países.Abra la consola. Escribe ES.OMG mágico, del siguiente código:
Array.from ($ 0.querySelectorAll ('tr')).
mapa(
({
cells}) =>`<option value =" $ {cells [2] .innerText} "> $ {cells [0] .innerText} </ option>`
) unir ('\ n')
Ajustar en seleccionar, listo! Así es como se ve de nuevo.
De manera similar, el código mágico te da JSON:
JSON.stringify (
Array.from ($ 0.querySelectorAll ('tr')). Map (
({cells}) => {return {[cells [2] .innerText]: cells [0] .innerText}}
))$ 0?
Una cosa a tener en cuenta es el $ 0 que significa la tabla de resultados en la página ISO. $ 0 es lo que obtiene cuando inspecciona algo en la consola y resalta el nodo DOM inspeccionado. En lugar de $ 0, actualmente puede usar document.querySelectorAll ('table') [2] o document.getElementsByClassName ('v-table-table') [0] pero quién sabe qué tan pronto cambiará el HTML de la página.
0 Comentarios