innetHTML vs firstChild.nodeValue

Dude-- · #1 (**permalink**) 22/04/2009, 06:15

Bueno, no me gustaría tener que usar innetHTML ni nada que venga de Microsoft, así que intento modificar el contenido de un objeto mediante acceso DOM,

Código javascript:

Ver originalvar objeto = document.getElementById("miobjeto"); 
objeto.firstChild.nodeValue = "lo que quiero que este dentro del contenedor";

El problema es que si no le asigno un valor inicial, como por ejemplo:

Código html:

Ver original<span id="miobjeto"></span> <!-- Sin valor de inicialización -->
<span id="miobjeto">Valor</span> <!-- Con valor de inicialización-->

obviamente firstChild no existe y por tanto no puede modificar su valor mediante nodeValue, querría saber si hay alguna forma de evitar tener que asignarle un valor para poder insertar contenido mediante DOM.

Panino5001 · #2 (**permalink**) 22/04/2009, 07:01

Probá así:

Código PHP:

  <!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<span id="miobjeto" style="background-color:#FFFF99"></span>
<script>
document.getElementById('miobjeto').appendChild(document.createTextNode('blabla'));
</script>
</body>
</html>

Igualmente, innerHTML es/será parte del estandar html5. Y como la mayoría de las veces es más rápido que DOM es una tontería no usarlo.

caricatos · #3 (**permalink**) 22/04/2009, 08:01

Hola:

Se puede saber si existe contenido con el método hasChildNodes()... y con un bucle sencillo puede borrarse todo el contenido...

while (elemento.hasChildNodes()) elemento.removeChild(elemento.firstChild); // también serviría lastChild...

Luego se puede usar sin problemas appendChild... y si siempre se tratase de un nodo se podría usar simplemente replaceChild (pero solo se replazaría un nodo...)

Saludos