[SOLUCIONADO] como obtener el valor de un data (objeto) con un dataset?

[sonickseven]

Hola chicos que tal como va todo :D

Tengo unos datos en un data y pues lo estoy haciendo con javscript pero no he encontrado documentacion sobre como recoger un objeto que esta en un data :/ . Si lo he encontrado pero con jquery pero no para mi es mejor javascript asi que pues recurro a uds si saben aqui tengo el codigo:

Código HTML:

<span id="datica" data-all="{'files':​'Pic_494', 'ancho':​'1200', 'url':​'../​usuarios/​SonickSeven/​fotos/​DSC_0162.JPG', 'alto':​'798'}​">​music​</span>​
 

Código Javascript:

var span=document.querySelector('#datica'), orden = span.dataset.all;
console.log(orden); // {'files':'Pic_494', 'ancho':'1200', 'url':'../usuarios/SonickSeven/fotos/DSC_0162.JPG', 'alto':'798'} 
console.log(orden.files); //undefined
 

no se como hacer por el momento :(

Gracias

[Naahuel]

Pues es así, con .dataset

Si lo que querés es obtener el *objeto* podés usar JSON.parse(). Este método recibe un string (que es lo que vos estás obteniendo ahí) y lo convierte a objeto. Análogamente podés usar JSON.stringify() para tomar un objeto y convertirlo a string.

[sonickseven]

ammm osea que asi nooo se puede :( bueno de todas formas gracias y si se puede como tu me dices :D

[Naahuel]

Pero acabo de decirte que si se puede :P Tenés que convertirlo a objeto con JSON.parse(). Mirá:

Código HTML:

<span id="datica" data-all='{"files":"Pic_494", "ancho":"1200", "url":"../usuarios/SonickSeven/fotos/DSC_0162.JPG","alto":"798"}'>​music​</span>​
 
<script>
var span=document.querySelector("#datica"), orden = span.dataset.all;
 
console.log('Sin convertir:');
console.log(orden);
console.log(orden.files);
 
 
// convierto a objeto 
orden = JSON.parse(orden);
 
console.log('Luego de convertir:');
console.log(orden);
console.log(orden.files);
 
</script>