Realizado

Pegar Valores de Uma Lista (Array) de Elementos em Html

Publicado em 16 de Novembro de 2022 dias na TI e Programação

Sobre este projeto

Aberto

Gostaria de pegar textos de uma lista de elementos capturados por getElementsByClassName(). Este getElementsByClassName("medalha-vendedor") vai me retornar várias DIV's com textos dentro, preciso capturar algumas partes do texto.

JavaScript

Contexto Geral do Projeto

Ao utilizar o comando Getelementsbyclassname() traz uma lista de itens em formato de elemento div, nestas div's possuo vários outros elementos como <p> <span> e etc, quero retirar textos específicos, creio que isto é feito pelo. Children. Abaixo segue um exemplo de uma das div's que estarão no array feito pelo getelementsbyclassname("medalha-vendedor") <div class="medalha-vendedor" style="margin-left: -7px; margin-right: -7px; color: gray"><br><p class="p2-platinum"><span style="margin-left: 20px">vendedor: pneubarato oficial</span></p><p>localização: uberlândia / mg</p><p>criado em: 26/02/2022 | há 263 dias</p><p>qualid.: 85% | Premium | Comissão: R$ 43.87</p><p>EAN: 6971594109759</p><p>Catálogo: Não | Loja Oficial: Sim | Flex: Não</p><p>Fotos: 1 | Vídeo: Não</p><p>Vendas: + de 500 | Visitas: Acesse o anúncio</p><div id="dadosConversao" class="dadosConversao"></div><div> <svg class="svg-termometro" width="45" height="6"> <rect width="45" height="6" fill="lightgray"></rect> </svg> <svg class="svg-termometro" width="45" height="6"> <rect width="45" height="6" fill="lightgray"></rect> </svg> <svg class="svg-termometro" width="45" height="6"> <rect width="45" height="6" fill="lightgray"></rect> </svg> <svg class="svg-termometro" width="45" height="6"> <rect width="45" height="6" fill="lightgray"></rect> </svg> <svg class="svg-termometro" width="45" height="6"> <rect width="45" height="6" fill="green"></rect> </svg> </div><p style="margin-top: 5px; text-align: -webkit-center; color: black">powered by: <strong>meli<strong>PRO</strong></strong></p></div> Desta DIV acima, que serão várias no array, preciso destes valores abaixo como resultado. P2-platinum: preciso deste valor pneubarato oficial : preciso deste valor localização: uberlândia / mg : preciso deste valor loja oficial: sim : preciso deste valor lembrando! teremos várias div's com valores diferente como esta acima, então deve ser feito um for que capture os valores acima de cada div do getelementsbyclassname("medalha-vendedor"), o retorno desta função deve ser algo parecido com o abaixo. vendedor 1 p2-platinum pneubarato oficial uberlândia / mg loja oficial: sim vendedor 2 p2-platinum loja do som uberlândia / mg loja oficial: sim vendedor 3 p1-silver estética autocar florianópolos / sc loja oficial: não em anexo uma imagem exemplificando o inicio do comando que fiz direto no console do chrome.

Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Bug ou alteração pequena
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Funções necessárias Desenvolvedor

Prazo de Entrega: 21 de Novembro de 2022

Habilidades necessárias