Cambiar texto por otro usando el Dom.

[cristian_cena]

Hola, resulta que deseo cambiar un texto por otro, pero no se como lograrlo, el html es el siguiente:

<p id="parrafo">texto permanente
<strong id="cambiar">texto a cambiar</strong>
</p>

estube tratando de implementar esto:

var nuevo = document.createElement("span");
var contenido = document.createTextNode("hola mundo");
nuevo.appendChild(contenido);
document.body.appendChild(parrafo);

Pero no se como reemplazar document.body (...) por mi id para darle la ruta del elemento. y asi que mi elemento nuevo no aparezca en el body sino en la etiqueta que yo quiera.

Desde ya muchas gracias, un saludo!

p/d: tambien he escuchado algo de replaceChild(), alguna pista con esto?

[cristian_cena]

Bueno, de todos modos muchas gracias, para el que le sirva le comento que lo solucioné del siguiente modo.

Código:

function cambiaPanelWP () { /*entra id=xhtml el radioboton*/
            var anclaTexto = document.createTextNode("texto nuevo");
            var nuevoAncla = document.createElement("strong");
            nuevoAncla.appendChild(anclaTexto);
            var anclaExistente = document.getElementById("delivery");
            var padre = anclaExistente.parentNode;
            var nuevoHijo = padre.insertBefore(nuevoAncla, anclaExistente);
}

<span>Wordpress</span>  
<input id="wp" type="radio" name="entregar"  value="wordpress" class="radio"  onclick="cambiaPanelWP();"/>

Saludos!

[caricatos]

Hola:

Hay más elementos DOM que tal vez te interese usar, ya que si solo añades un nodo luego tienes que ocultar lo viejo... para eso está replaceChild...

nuevoTexto = document.createTextNode("tu texto");
with(nodo.parentNode) {
hasChildNodes() ? replaceChild(nuevoTexto, firstChild) : appendChild(nuevoTexto);
}

// implica borrar un nodo (removeChild) y en su sitio insertar otro...

Saludos

[cristian_cena]

Gracias caricatos mira, ahora funciona de maravilla

Código:

var nuevoTexto = document.createTextNode(elem); 				       // creamos el nodo de texto
			var nuevoElemento = document.createElement("strong");		 		   // creamos el elemento padre del nodo de texto
			nuevoElemento.appendChild(nuevoTexto);				 		 		   // añadimos el hijo al padre
			var elementoExistente = document.getElementById("paginasResumen");		   // obtenemos el elemento a reemplazar
			var padre = elementoExistente.parentNode;                  		       // obtenemos al padre del elemento a reemplazar
			var reemplazo = padre.replaceChild(nuevoElemento, elementoExistente);  // reemplazamos al viejo elemento por el nuevo
			nuevoElemento.setAttribute("id", "paginasResumen");					       // damos un atributo al muevo elemento

[cristian_cena]

**************************EDITO******************* ***************************
Cree un nuevo tema, ya que aquí se hiba a ir por las ramas respecto de la
consulta inicial.
Si deseas seguir el hilo haz click aquí
Muchas gracias