Programación al Extremo

Buscar en este blog

miércoles, 28 de noviembre de 2012

Quitar o eliminar formato - etiquetas HTML 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 eliminar el formato o etiquetas html en Javascript utilizamos innerText para Internet Explorer y textContent en Mozilla Firefox y Netscape que devuelve la misma cadena pero con todas las etiquetas y formato eliminadas. Veamos un ejemplo:
Copiar Codigo
<html>
<head>
</head>
<body>
<div id="textoremplazar">
<span style="color:red">Este es el texto el cual</span> <b>vamos</b> a quitarle todo el formato y <i>etiquetas</i> html.
 </div>
 <input type="submit"
 name="quitarFormato"
 id="quitarFormato" 
 value="Quitar Formato" 
 onclick="return quitarFormato();"/>
<script type="text/javascript">
function quitarFormato(){
//Obtenemos el valor que tiene el div identificado con textoremplazar
var textoEliminarFormato = document.getElementById("textoremplazar");
// Esta funcion es soportada en Internet Explorer
if(textoEliminarFormato.innerText != undefined){
//Remplazomos lo que tenemos en el contenedor por el texto sin formato
textoEliminarFormato.innerHTML=textoEliminarFormato.innerText;
}else{
// Esta funcion es soportada en Mozilla Firefox Netscape
////Remplazomos lo que tenemos en el contenedor por el texto sin formato
textoEliminarFormato.innerHTML=textoEliminarFormato.textContent;
}
}
 </script>
</body>
</html>


Probemos nuestro ejemplo
Este es el texto el cual vamos a quitarle todo el formato y etiquetas html.
Publicar un comentario