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
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!