Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] generar label y input con innerhtml

Estas en el tema de generar label y input con innerhtml en el foro de Javascript en Foros del Web. Hola, En un loop genero radio botones, y pongo texto usando innerhtml. A veces la gente no ve bien el botón y por eso quiero ...
  #1 (permalink)  
Antiguo 02/06/2019, 12:46
 
Fecha de Ingreso: mayo-2009
Mensajes: 382
Antigüedad: 10 años, 2 meses
Puntos: 6
generar label y input con innerhtml

Hola,
En un loop genero radio botones, y pongo texto usando innerhtml.

A veces la gente no ve bien el botón y por eso quiero que se pueda hacer clic en el label entero (incluido el innerhtml) para seleccionar el botón radio.

El problema es que como lo tengo ahora viene primero el innerhtml y el botón radio al final, y lo quiero al revés, el botón arriba a la izquierda y seguidamente el innerhtml.

He probado con css, float left lo pone al lado izquierdo pero al final y lo quiero arriba.

Hay formas de hacerlo en el javascript?

Código Javascript:
Ver original
  1. var div = document.getElementById('list')
  2.             var inputlist = document.createElement("input");
  3.             var label = document.createElement("label");
  4.             var divinput = document.createElement("div");
  5.             inputlist.setAttribute("type", "radio");
  6.             inputlist.setAttribute("class", "elegirparadalist");
  7.             inputlist.setAttribute("name", "elegirparadalist");
  8.             inputlist.setAttribute("value", nombreparada +"~"+parada.idparada[0]);
  9.             label.style.fontSize = "90%";
  10.             label.setAttribute("class", "clickonlabel");
  11.             divinput.setAttribute("class", "divlistamapita");
  12.             label.innerHTML =  "texto y mapa viene aquí y quiero el botón radio al principio del texto y mapa y no al final de esto";
  13.             div.appendChild(divinput);
  14.             divinput.appendChild(label);
  15.             label.appendChild(inputlist);

Muchas gracias
  #2 (permalink)  
Antiguo 02/06/2019, 17:21
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.593
Antigüedad: 17 años, 4 meses
Puntos: 1277
Respuesta: generar label y input con innerhtml

Hola:

appendChild añade contenido al fina. Si lo quieres al principio existe insertBefore... y como segundo parámetro el primer nodo hijo (firstChild)...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 02/06/2019, 23:20
 
Fecha de Ingreso: mayo-2009
Mensajes: 382
Antigüedad: 10 años, 2 meses
Puntos: 6
Respuesta: generar label y input con innerhtml

Muchas gracias, no caí en eso.
Saludos



La zona horaria es GMT -6. Ahora son las 20:21.