Tengo algunas formas 3D en una página (X3DOM) que me gustaría identificar al hacer clic con el mouse. Mi HTML se ve así:
<Transform translation='0 0 0'> <shape id="Roger1" number="54 -15 -34" onclick="changeColor();"> <appearance> <material diffuseColor='1 0 0'></material> </appearance> <sphere>radius='1' </sphere> </shape> </Transform>Luego, en JavaScript, tengo la función correspondiente configurada de esta manera:
function changeColor() { window.alert('clicked'); }Esto funciona muy bien. Pero no veo cómo podría recuperar la información contenida en la etiqueta "número", número = "54 -15 -34"? Cualquier ayuda es apreciada.
Puede pasar el elemento en sí como un parámetro a la función:
function changeColor(element) { window.alert(element.getAttribute('number')); } <Transform translation='0 0 0'> <shape id="Roger1" number="54 -15 -34" onclick="changeColor(this);"> <appearance> <material diffuseColor='1 0 0'></material> </appearance> <sphere>radius='1' </sphere> </shape> </Transform>