Entrar Ainda não tem acesso?
2
respostas

Pegar apenas uma parte do href

Referente ao curso JavaScript: programando na linguagem da web

por João Carlos Duarte Wisnesky
| 101.8k xp | 7 posts

Bom dia galera, estou tentando pegar apenas uma parte de um href mas não sei como. EX: 

<div class="box" style="background-color: white">
  <a href="video/programacao/js">A</a>
</div>

<script>
function myFunction() {
const voidLinks = box.querySelectorAll('a[href="video"]');
if (voidLinks .Contaisn("/video")){
      box.element.style.backgroundColor = "#e2e6e2";
  }
}
</script>

fiz essa função apenas pra testar se estou conseguindo selecionar apenas uma parte do href. Mas não esta dando certo. Poderiam me ajudar?

2 respostas
por Stefano Akira Saffran
| 171k xp | 30 posts

Boa noite,

tenta assim,

const voidLinks = box.querySelectorAll('a[href^="video"]');
por Igor Nascimento Alves
| 492.1k xp | 707 posts
Instrutor Instrutor

Olá João. Eu consegui fazendo essa modificações, não sei se é exatamente o que você precisando.

<div class="box" style="background-color: white" >
  <a href="video/programacao/js">A</a>
</div>

<script>
function myFunction() {
  box = document.querySelectorAll(".box")[0]
if (document.querySelectorAll('a[href^="video"]')[0].href.includes("/video")){
    box.style.backgroundColor = "#e2e6e2";
  }
}
myFunction()
</script>

Utilizei o querySelectorAll(".box")[0] para pegar a div e utilizei a sugestão do Stefano para pegar o href e por fim utilizei o método includes para validar se tinha o /video. Espero que tenha conseguido te ajudar de alguma maneira, qualquer duvida só falar. Abraços.