Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

202
Visualizações
Problemas para encontrar en la fuente de la página el nombre/ID relacionado para reemplazar el texto usando getElement(s)By.innerHTML

Estoy tratando de reemplazar parte del texto en una página web usando un script de tampermonkey pero tengo problemas para identificar el elemento adecuado. He conseguido que esto funcione en el pasado, pero es bastante impredecible.

Para la fuente a continuación, estaba pensando que debería usar document.getElementsByClassName("product-return-message__label product-return-message__label--pdp product-return-message__label--pdp-large").innerHTML = "bla, bla, bla" basado en el nombre de clase más cercano pero no funciona.

En general, tengo dificultades para identificar qué nombre/identificación pertenece al texto que quiero reemplazar cuando miro la fuente de una página web. Si pudiera identificar los getElement(s) y el nombre/identificación que debería usar según la fuente a continuación, ¡se lo agradecería! ¡Gracias!

fuente parcial: ... <div class="product-return-message product-return-message--pdp product-return-message--pdp-large" data-test="message"><svg aria-hidden="true" role="img" viewBox="0 0 100 100" class="product-return-message__icon"></svg><div class="product-return-message__content product-return-message__content--pdp product-return-message__content--pdp-large" data-test="message-content"><div aria-level="2" class="product-return-message__label product-return-message__label--pdp product-return-message__label--pdp-large" data-test="message-label" role="heading">TEXT I WANT TO REPLACE</div> ...

about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

¿Qué hay de usar document.querySelector con el atributo CSS selector ?

 const element = document.querySelector("div[data-test='message-label']"); if(element) { element.innerHTML = "found!"; }
 <div class="product-return-message product-return-message--pdp product-return-message--pdp-large" data-test="message"> <div class="product-return-message__content product-return-message__content--pdp product-return-message__content--pdp-large" data-test="message-content"><div aria-level="2" class="product-return-message__label product-return-message__label--pdp product-return-message__label--pdp-large" data-test="message-label" role="heading">TEXT I WANT TO REPLACE</div> <svg aria-hidden="true" role="img" viewBox="0 0 100 100" class="product-return-message__icon"></svg>

about 4 years ago · Juan Pablo Isaza Relatório

0

QuerySelector sería de ayuda. Al igual que @Tareq, puede buscar por div[data-test='message-label'] o en su caso: document.querySelector('div > div > div').innerHTML = Hello World . La forma más agradable de estas dos variantes es la de tareq.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda