marcar un campo radio despues de insertarlo con innerHTML

[primary]

Hola tengo la siguiente duda tengo un div donde inserto un campo radio y una vez creado intento marcarlo como selecionado pero me dice que el campo no esta definido, entiendo que todavia no esta en el dom pero como podria hacer esto.

Código Javascript:

<div id="mi-capa"></div>
 
document.getElementById("mi-campa").innerHTML="<input type='radio' name='megusta'>";
 
document.getElementsByName("megusta")[0].ckecked="true";
 

alguna ayuda de como se hace esto?
saludos

[Italico76]

- No puedes usar guion medio para css con JS

- Decias mi-campa y mi-capa xD

Código Javascript:

<div id="mi_capa"></div>
        
    <script language="JavaScript"> 
 
        var capa = document.getElementById("mi_capa");
        capa.innerHTML="<input type='radio' name='megusta'>";
 
        document.getElementsByName("megusta")[0].ckecked="true";
 
    </script>
 

[primary]

Iniciado por Italico76

- No puedes usar guion medio para css con JS

- Decias mi-campa y mi-capa xD

Código Javascript:

<div id="mi_capa"></div>
        
    <script language="JavaScript"> 
 
        var capa = document.getElementById("mi_capa");
        capa.innerHTML="<input type='radio' name='megusta'>";
 
        document.getElementsByName("megusta")[0].ckecked="true";
 
    </script>
 

Hola Italico76, perdon me equivoco a la hora de escribir, ya que era solo un ejemplo, evidentemente al probarlo lo escribi bien, en resumen mi pregunta es:
Despues de usar innerHTML para crear un campo tipo radio se puede marcar como selecionado como en el ejemplo?

esque me dice que el campo no esta definido como si no estubiera en el dom, y evidentemente supongo que esta en memoria pero no insertado en el dom.

[Italico76]

No es obvio, te equivocas mucho al tipear:

Es "checked" y no "ckecked" el nombre de la propiedad

[PHPeros]

Iniciado por primary

Despues de usar innerHTML para crear un campo tipo radio se puede marcar como selecionado como en el ejemplo?

checked es un atributo de HTML, bien puedes ponerlo a la hora de añadirlo a "capa" mediante innerHTML:

Código Javascript:

capa.innerHTML= "<input type='radio' name='megusta' checked>";
 

Iniciado por primary

esque me dice que el campo no esta definido como si no estubiera en el dom, y evidentemente supongo que esta en memoria pero no insertado en el dom.

Eso que dices es un sin sentido... innerHTML trabaja directamente sobre un elemento.

Y por último:

document.getElementsByName("megusta")[0].ckecked="true";

Aunque eso sea totalmente correcto y funcione, te recuerdo que true es un valor booleano, no un string, por lo tanto se escribe sin comillas...

[caricatos]

Hola:

Estás seguro de esta afirmación...

Iniciado por Italico76

- No puedes usar guion medio para css con JS

El id es un atributo con el que no se opera... Tengo mis dudas

Saludos

[PHPeros]

Iniciado por caricatos

El id es un atributo con el que no se opera... Tengo mis dudas

Tienes razón, si que se puede utilizar el guión y otros caracteres pero en este contexto... otra cosa sería una propiedad con guión como background-color, que debería cambiarse por su camel-case backgroundColor, para evitar que sea interpretado como operador.

[Italico76]

Iniciado por caricatos

Hola:

Estás seguro de esta afirmación...

El id es un atributo con el que no se opera... Tengo mis dudas

Me equivoque de lenguaje.....

En PHP al parsear un DOM si el elemento tiene guion medio presenta un problema pero que tambien tiene solucion

http://www.php.net/manual/es/simplex...ples-basic.php

[Italico76]

Iniciado por PHPeros

Código HTML:

capa.innerHTML= "<input type='radio' name='megusta' checked>";
 

Buenos puntos compa...... solo una anotacion, para que sea valido en XHTML tambien es checked="checked"


PD: ya se que nadie hablo de XHTML aqui y requeriria muchos mas cambios incluidos cabecera, usar //<![CDATA[ ... //]]> y otros etc

[PHPeros]

Otra anotación mía (no es por ser maniático ni nada) ...

Código Javascript:

<script language="JavaScript"> // No estándar y obsoleto
 
<script type="text/javascript"> // Forma Oficial
 

Acostúmbrate a usar el segundo

Saludos