Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

200
Vistas
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 Respuestas
Responde la pregunta

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 Denunciar

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 Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda