Publicado em 5 de mai.

Como pegar um data-* com JS puro?

<a href ='/' data-target='imasters'> iMasters </a>

Com JQuery é simples, basta um:

var el = $('a').data('target');

Mas e com javascript puro?

"data" pode ser considerado um atributo e usar o "el.getAttribute('target');" para obter o valor?

Discussão (3)

Entre ou cadastre-se para participar da discussão

Anderson Danilo· 5 de mai.

Segundo este síte sim:

Mas vale lembrar que navegadores antigos não dão suporte a esses tipos de atributos, porém o JQuery dá suporte mesmo nesses navegadores.

reebr· 5 de mai.

<a href='#' data-target='imasters'> iMasters </a>

var target = el.getAttribute('data-target'); // retorna imasters

el.setAttribute('data-target', 'facebook'); // altera "imasters" para "facebook" el.removeAttribute('data-target'); // remove 'data-target'

Obrigado Anderson, mas no caso não estou dando suporte a navegadores antigos.

Problema resolvido.

Ted k'· 6 de mai.

Bom exemplo, só fica ligado onde irá funcionar, pois tem browsers que são incosistentes ou não funcionam certos atributos listados, veja o site:

Para achar o que estou falando é só da uma busca na pagina pelos metodos litados!