Tengo un código que recoge datos de una BD y los introduce en una página dinámicamente, para ello creo con jquery los elementos y etiquetas dentro de una página "en blanco" (tiene algunos datos fijos). En Chrome me funciona sin ningún problema, no da ningún tipo de error pero, cuando llego a Internet Explorer me salta lo siguiente:
Error en tiempo de ejecución de JavaScript: El objeto no acepta la propiedad o el método 'append'
He de decir que en Chrome desde el móvil me pasa lo mismo, no puedo ver la excepción pero me da un error también y no se muestran los datos.
var tr = document.createElement("tr");
tr.setAttribute("id", "1234");
$("table")[0].append(tr);
Esas son las líneas de código donde da error, exactamente en el "append". He estado mirando pero no encuentro en ningún sitio que sea un método no compatible con IE o móvil.
No creo que sea debido a un error en otro punto del código porque, como he dicho, me funciona perfectamente en chrome, y, dado que es un código muy extenso, no veo necesario añadir más porque creo que es una pregunta más teórica, pero si se ve necesario un ejemplo más "funcional" puedo hacerlo.
EDIT
Añado un pequeño ejemplo sencillo que tampoco he conseguido que funcione en IE
$(document).ready(function() {
var tr = document.createElement("tr");
tr.setAttribute("id", "123");
$("table").append(tr);
var td = document.createElement("td");
td.setAttribute("id", "111");
tr.append(td);
td.innerText = "Fila1";
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table></table>
$("table").append(tr);
<table>
, pero sin etiquita de cierre</table>
, (o idéntica situación contr
otd
de la tabla), o también debido a elementos con id repetidos, u otros elementos sin cerrar que producen un error en el DOM. Verifica que todo está correcto en ese sentido.document.createElement
tenes que "jqueryearlo" prueba$(tr).append(td)