Consulta de principiante

Buenos días, soy nuevo en el mundo del javascript, me parece fascinante y me está ayudando mucho en mis aplicaciones web, pero me surgió una consulta que no supe encontrar en google.

Tengo un formulario con:

<input type="text" name="'producto'" value="Cafe" id="producto" c1="32" c2="frasco" />

Notar que agrege c1=”” y c2=””, entonces yo con

document.getElementById('producto').value

levanto el valor del campo, pero abra alguna manera de levantar el valor de c1 o c2???

Se que hay muchos métodos con jQuery y Ajax, pero fueron muy engorroso para mi y me preguntaba si se puede hacer eso.

Muchas Gracias

Puedes utilizar el método getAttribute.

Código Javascript :

document.getElementById('producto').getAttribute('c1');

Y mejor aún, si usas HTML5 puedes usar los atributos "data":

Código HTML :

<input type="text" name="'producto'" value="Cafe" id="producto" data-c1="32" data-c2="frasco" />

Y accederlos desde javascript así:

Código Javascript :

var textfield = document.getElementById('producto');

textfield.dataset.c1
textfield.dataset.c2

Saludos

Muchisimas gracias stock!!!!!! excelente respuesta y me va ayudar mucho, sobre todo que uso HTML5

Gracias!!!!