problema al insertar div con innerHTML

[turfeano]

Buenas , tengo un incoveniente... quiero insertar un campo input mediante innerHTML al hace click ...

Código HTML:

<a onclick="desplegar()">+ Agregar campo </a>
<div id="desplegado"></div> 

y la función desplegar :

Código:

function desplegar(){
document.getElementById('desplegado').innerHTML  = 
 "<div class='formulario'><label for='dominio'>&nbsp;</label>
 <input name='dominio[]' size='25' title='Dominio' id='dominio2'  value='' onfocus='limpiar(this);sumar()' /> 
 </div>";
}

Me tira un error (object expected)... de hecho si pongo solo <div class='formulario'>hola</div> tampoco me lo acepta ...

Como aclaracion la class formulario esta definida en la hoja de estilo .....

Alguna sugerencia? gracias de atnemano...

[HackmanC]

Hola,

Iniciado por turfeano

Código:

<a href="#" onclick="desplegar()">+ Agregar campo </a>
<div id="desplegado"></div>

href no es opcional.

Iniciado por turfeano

Código:

function desplegar(){
document.getElementById('desplegado').innerHTML  = 
 "<div class='formulario'><label for='dominio'>&nbsp;</label>" +
 "<input name='dominio[]' size='25' title='Dominio' id='dominio2'  value='' onfocus='limpiar(this);sumar()' /> " +
 "</div>";
}

Cada línea es un String independiente.
Hay que cerrar las comillas para poder 'concatenarlas' (+) con la siguiente.
(Si no la escribiste en una sola línea)

Código:

function limpiar() {
}
function sumar() {
}

Esas dos funciones deberían estar definidas antes.

Saludos,

[turfeano]

Bueno muchas gracias.!