Estoy aprendiendo el idioma y no sé cómo leer los valores de una página web que no están escritos directamente en el código fuente de la página web.
No ver el código fuente...
Haga clic derecho en el número y seleccione "Inspeccionar elemento", se abrirá automáticamente las herramientas de desarrollo y saltará a la ubicación correspondiente. . El árbol de documentos que se muestra aquí es el árbol de documentos final, es decir, después de que se hayan ejecutado todos los scripts.
Si se debe seleccionar, puede ver que no tiene ID, solo el nombre de la clase es tm-price y el primer método es document.getElementsByClassName ("tm-price")
, pero puede tener varios elementos que pertenecen a una clase, lo que devolverá una matriz que contiene varios elementos. Después de observar la matriz, encontramos que solo hay dos elementos en la matriz, y la clase de un elemento es tm-price Está ubicado debajo del "precio tachado", y el precio rojo siempre está delante de él, es decir. es decir, que siempre es el primer elemento de la matriz. Por lo tanto, puedes: document.getElementsByClassName("tm-price")[0]?
//?Seleccionar el primer elemento con clase tm-price
Obtener los números son simple, .innerHTML, creo que ya lo sabes.
También puedes usar document.querySelectorAll(".tm-price")
El parámetro aquí es un selector CSS, .tm-price representa "la clase es tm-price" . Ahora hace lo mismo que getElementsByClassName. Alternativamente, puede usar document.querySelectorAll(".tm-promo-price?.tm-price")
//?Seleccione todos los .tm-promo-price en .tm-price
p>para lograr el mismo efecto.
Hay muchas formas de hacer esto, la idea es mirar la jerarquía en el documento y luego ir acotándola paso a paso hasta seleccionar solo la que deseas.