1
resposta

[Dúvida] CHAMANDO UM DATA-ATTRIBUTE NO JS

Oi, tudo bem? No vídeo anterior foi passado que para chamar um data-attribute no JS é necessário utilizar colchetes ex:

var x = document.querySelector("[data-attribute]")

é possível chamar sem os colchetes tb?

1 resposta

Oi Suellen, tudo certo e contigo?

Faz um teste rápido sem os colchetes, você vai ver que ele não consegue achar.

Ai substitui o data-attribute por 'div' por exemplo ficando qSelector("div"), aí ele pega a primeira div do código!

Isso pq a qSelector funciona para pegar um elemento via um seletor CSS.

E no CSS tudo que [está-assim] ele encara como um atributo, por isso que precisa do colchete! Poderia ser algo como [href=*.com.br].

Sem os [] então é, como no CSS, para pegar via seletor de tag (div, section, p, etc).

Se quiser saber mais: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

Abcs e bons estudos!