A primeira coisa que você precisa é baixar a página. Isso não é difícil, então vou focar minha resposta na segunda parte.
Você precisa pegar esse elemento que você quer através do parser de DOM da biblioteca da linguagem que você tá usando. Para isso, vai ter que identificá-lo.
Usando o "Inspecionar elemento" do Firefox (botão direito na página -> Inspecionar elemento -> clique no quadradinho com uma seta que aparece no canto superior esquerdo do painel que aparece e passe o mouse em cima do elemento que você quer), eu consegui identificar que o elemento que você quer é da classe "amount price-amount". Através do document.getElementsByClassName("amount price-amount")
, eu consegui 32 elementos como resposta. Logo, vi que teria que refinar a busca.
Usei a mesma ferramenta para procurar a(s) classe(s) do retângulo amarelo e vi que é "cluster cluster-ONEWAY default". Como queremos o primeiro, estamos atrás do elemento document.getElementsByClassName("cluster cluster-ONEWAY default")[0]
. Basta então juntar as duas expressões: document.getElementsByClassName("cluster cluster-ONEWAY default")[0].getElementsByClassName("amount price-amount")
. Isso nos retorna apenas dois span
s. O primeiro é o preço em real e o segundo é o preço em dólar, que é o que você está procurando.
Note que, mesmo após a página estar carregada, esses dados ainda não apareceram. Portanto, você vai ter que executar esses comandos apenas após o carregamento da parte da página que você quer. Procure saber quais eventos a página lança após carregar essas partes e execute os comandos nesses eventos.