Foros del Web » Programando para Internet » Javascript »

Cambiar texto por otro usando el Dom.

Estas en el tema de Cambiar texto por otro usando el Dom. en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/03/2010, 17:52
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Cambiar texto por otro usando el Dom.

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?
  #2 (permalink)  
Antiguo 14/03/2010, 19:45
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Cambiar texto por otro usando el Dom.

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!

Última edición por cristian_cena; 14/03/2010 a las 19:57
  #3 (permalink)  
Antiguo 14/03/2010, 23:36
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Cambiar texto por otro usando el Dom.

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 15/03/2010, 00:05
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Cambiar texto por otro usando el Dom.

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
  #5 (permalink)  
Antiguo 15/03/2010, 00:13
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Cambiar texto por otro usando el Dom.

**************************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

Última edición por cristian_cena; 15/03/2010 a las 06:02

Etiquetas: dom
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:25.