Cómo Obtener el Atributo de un Elemento HTML en Javascript

Publicado el Sab 3 de Noviembre del 2018 a las 0:53

Si deseamos recuperar o actualizar estos atributos utilizando el JavaScript, podemos utilizar los métodos getAttribute y setAttribute como se muestra a continuación:

EJEMPLO:

<div id='cliente' data-id='12'></div>

<script>
// obteniendo data-attributes usando getAttribute
var cliente = document.getElementById('cliente');
var id = cliente.getAttribute('data-id'); // retorna '12'

// estableciendo data-attributes usando setAttribute
cliente.setAttribute('data-id','7');
</script>