Programación al Extremo

Buscar en este blog

martes, 11 de diciembre de 2012

Reemplazar Caracteres o Texto con Javascript
Fecha de Publicación:
Publicado por:
Seguir Seguir en twitter
Seguir Seguir en facebook
Seguir Seguir en Google+

Programación al Extremo : Javascript
Para remplazar un carácter o texto en JavaScript es muy fácil nada mas hay que utilizar la función replace que se encarga de remplazar el carácter especificado en el parámetro.

Reemplazar Caracteres o Texto con Javascript


<html>
<head>
</head>
<body>
<div id="textoremplazar">
Este es el texto el cual vamos a reemplazar por cualquier caracter
 </div>
<script type="text/javascript">

var texto_salida;
var texto_a_reemplazar;
texto_a_reemplazar = document.getElementById("textoremplazar");
/* Este forma de reemplazar solo reemplaza la primera coincidencia que encuentra
en la cadena 
 */
texto_salida=texto_a_reemplazar.innerHTML.replace("a","E");
alert(texto_salida);
/*salida:
 Este es el texto el cuEl vamos a replazar por cualquier caracter */
 
/*Ahora vamos a reemplazar todos los caracteres de la cadena usando
Javascript veamos como se hace
*/
texto_salida=texto_a_reemplazar.innerHTML.replace(/a/g,"A");
alert(texto_salida);
/* salida:
Este es el texto el cuAl vAmos A replAzAr por cuAlquier cArActer*/

/*Veamoss otro ejemplo pero menos elegante el cual tambien podemos utilizar para reemplazar caracteres en Javascript*/

//Obtenemos el valor html del div
var cadena =texto_a_reemplazar.innerHTML;
//La salida de texto
var cadena_salida="";
// Caracter el cual vamos a Reemplazar
var caracter_remplazar="X";
// Caracter el cual vamos a Busca
var caracter_buscado="e";
//Recoremos la cadena
for(var i=0;i<cadena.length;i++){
// si es igual al caracter buscado lo remplazamos
if(caracter_buscado==""+cadena.charAt(i)){
cadena_salida=cadena_salida+""+caracter_remplazar;
}else{
cadena_salida=cadena_salida+""+cadena.charAt(i);
}
}
//
alert(cadena_salida);
// Salida : EstX Xs Xl tXxto Xl cual vamos a rXXmplazar por cualquiXr caractXr
 </script>
</body>
</html>
Publicar un comentario