Como pegar elemento pelo XPath com JavaScript

Neste artigo você vai aprender a como pegar elemento pelo XPath com JavaScript, utilizando um recurso interessante da linguagem

Fala programador(a), beleza? Bora aprender mais sobre XPath em JavaScript!

Nós não temos um seletor de DOM para pegar diretamente o elemento através do XPath

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Vamos utilizar uma função chamada evaluate para nos ajudar com isso

Nela vamos passar alguns elementos, como o próprio XPath

E com essa informação ela conseguirá retornar o elemento alvo

Veja um exemplo de código:

const path = "//html[1]/body[1]/p[1]"

const element = document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

console.log(element);

E assim o elemento é pego pelo XPath! 🙂

Note que utilizamos uma série de argumentos, como o próprio XPath

Conheça mais sobre a função evaluate aqui.

Explore o objeto que é retornado, ele possui vários detalhes sobre o elemento

Que com certeza pode ajudar a resolver o seu problema

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você aprendeu a como pegar elemento pelo XPath

Utilizamos a função evaluate do objeto document

Com ela é possível passar o XPath e receber o elemento alvo em troca

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!