Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

194
Views
querySelector devuelve un nodo en blanco en HTML DOM

Tengo un documento HTML con las siguientes etiquetas con múltiples ocurrencias

 <div _ngcontent-mjy-c67="" uipath_custom_id="13"> <div _ngcontent-mjy-c67="" class="col-xs-12 col-sm-6 col-md-4 col-lg-3" uipath_custom_id="12"> <button _ngcontent-mjy-c67="" role="button" data-toggle="tooltip" data-placement="top" class="btn btn-default flag-item" title data-original-title="Allowed to log into the Main Tools." uipath_custom_id="11"> <span _ngcontent-mjy-c67="" class="glyphicon glyphicon-ok"> ::before:: </span> <!----> "Admin" </button> <!----> </div> <!----> </div>

Hay un total de 112 botones presentes en el documento con

 class="btn btn-default flag-item"

Quiero seleccionar un botón en particular con

 data-original-title="Allowed to log into the Main Tools."

usando javascript y haga clic en el botón.

Intenté usar querySelectorAll pero no pude encontrar una solución para hacerlo.

 document.querySelectorAll('button.btn.btn-default.flag-item')

El código anterior devuelve todos los 112 elementos, pero cómo usar el selector para seleccionar solo el botón con

 data-original-title="Allowed to log into the Main Tools."

¿atributo?

También he intentado usar

 document.getElementsByClassName('btn btn-default flag-item')

que también devuelve 112 elementos pero no puede continuar usando querySelectorAll en eso.

Nota: necesito llamar a este script desde UiPath, por lo que se agradece mucho el script de una sola línea.

Usando la copia JS Path en Chrome encontré

 document.querySelector("body > app-root > app-shell > app-dashboard > div > div.dashboard-widgets > div.app-privileges-widget.col-md-6.widget-new-line > app-widget-container > div > div.collapse.in > div > app-privileges-widget > app-privileges-grid > div > div:nth-child(2) > div:nth-child(3) > div > button").click()

y funciona perfectamente, pero no sé si esta ruta siempre es correcta ya que la página que estoy tratando de automatizar es una página dinámica y los elementos se crean dinámicamente. Entonces, si esta ruta funciona para un determinado usuario, es posible que esta ruta no sea válida para otros usuarios.

Por favor ayuda.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Usando el selector de atributos :

 console.dir(document.querySelector('[data-original-title="Allowed to log into the Main Tools."]'))
 <div _ngcontent-mjy-c67="" uipath_custom_id="13"> <div _ngcontent-mjy-c67="" class="col-xs-12 col-sm-6 col-md-4 col-lg-3" uipath_custom_id="12"> <button _ngcontent-mjy-c67="" role="button" data-toggle="tooltip" data-placement="top" class="btn btn-default flag-item" title data-original-title="Allowed to log into the Main Tools." uipath_custom_id="11"> <span _ngcontent-mjy-c67="" class="glyphicon glyphicon-ok"> ::before:: </span> <!----> "Admin" </button> <!----> </div> <!----> </div>

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!