appendChild y error en IE

cnunez · #1 (**permalink**) 02/07/2012, 11:42

Buenos días amigos!
estoy desarrollando una aplicación web donde tengo un boton que tiene que insertar un elemento "li", al que le agrego algunos otros elementos más con innerHTML.
En FF y Chrome funciona bárbaro, pero en IE no funciona

. He aquí el código que escribí:

// html:
<body onload="n = 0;">
<div>
<ul id="ulItem">
</ul>
<div class="agregar">
<a href="javascript:void(0);" onclick="agregarItem();">
Agregar<img src="../imagenes/mas.gif" width="16" />
</a>
</div>
</div>

// y javascript:

n++;
destBoton = document.getElementById('ulItem');
item = document.createElement('li');
item.id = "item" + n;
texto = "<div>hola</div>";
item.innerHTML = texto;
destBoton.appendChild(item);

El error que me tira es el sig:
" DOM Exception: HIERARCHY_REQUEST_ERR(3) "

Cuál es el error?
Muchas gracias!

IsaBelM · #2 (**permalink**) 02/07/2012, 13:36

ese error se produce cuando no es posible insertar el nodo en ese lugar. lee esto

cnunez · #3 (**permalink**) 03/07/2012, 07:29

uh! y qué debo hacer para que funcione bien? sabés por qué no admite insertar un nodo en ese lugar?
es un ul donde le creo li's
Gracias!

emprear · #4 (**permalink**) 03/07/2012, 08:48

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var n= 0;
function agregarItem(){
n++;
 var destBoton = document.getElementById('ulItem');
 var item = document.createElement('li');
 item.id = "item" + n;
 var texto = "<div>hola<\/div>";
 item.innerHTML = texto;
 destBoton.appendChild(item);
 }
//]]>
</script>
</head>
<body>
<div>
 <ul id="ulItem"><li style="list-style-type: none;"><!-- fix --></li></ul>
 <div class="agregar">
 <span onclick="agregarItem();" style="cursor: pointer"> Agregar</span>
 </div>
</div>
 </body>
</html>

Con solo declarar las variables se solucionaría, de paso algunas correciones
el contador n iniciarlo en el script, un li sin estilo para corregir el xhtml, y un span con estilo cursor para el "agregar"

SAludos

cnunez · #5 (**permalink**) 03/07/2012, 08:58

Excelente! ahora sí me funciona!
Gracias por tu respuesta emprear!
un abrazo