Como pegar um data-* com JS puro?

[reebr 94]

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

[Anderson Danilo 43]

Segundo este síte sim:

http://html5doctor.com/html5-custom-data-attributes/

 

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 94]

<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' 126]

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:

 

http://quirksmode.org/dom/core/

 

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