[SOLUCIONADO] Consulta de principiante

[fmanfredi]

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

[RoyKeane]

No funciona de esa forma, tu no agregas atributos a voluntad según te viene en gana, para eso existe el standard.

[GeekGirl]

Claro que se pueden agregar atributos a voluntad. Para eso justamente existen los data-attributes.
Definí en tu input todos los que quieras respetando la siguiente sintaxis:

Código HTML:

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

Y luego recoges los valores de la siguiente manera:

Código Javascript:

var c1= document.getElementById("producto").getAttribute("data-c1");
 

Saludos :)

[fmanfredi]

Muchas muchas gracias, realmente aprender que existe el getAttribute me ayudó y me va ayudar mucho.

Gracias GeekGirl!!!!!!! gracias