¿Cómo eliminar etiquetas HTML de una cadena de texto con JavaScript?

Estrada Web Group
Administrador
¿Cómo eliminar etiquetas HTML de una cadena de texto con JavaScript?

curso javascript, curso web, cursos html

En el artículo anterior vimos ¿Cómo eliminar las etiquetas html de una cadena en SQL? Ese ejemplo fue con SQL, ahora te mostrare como eliminar las etiquetas HTML pero con JavaScript.

 

Código HTML:

   <pre>
        <code id="input-code"> 
            <div id="stcpDiv" style="position: absolute; top: -1999px; left: -1988px;">
                Google ha lanzado su <a href="https://itunes.apple.com/us/app/google-adsense/id680739529?mt=8">aplicación oficial de AdSense nativa para el iPhone</a>. El lanzamiento sale una semana después del lanzamiento de la aplicación para Android, que fue el primer cliente oficial para los usuarios de AdSense. En el iOS App Store, algunos terceros han estado ofreciendo sus propios clientes, gratuitos y de pago.
            </div>
        </code>
    </pre>

Creamos nuestra función JavaScript con el siguiente código:

    <script type="text/javascript">
        function removeHTMLTagFromString() {
            if (document.getElementById && document.getElementById("input-code")) {
                var strHtmlCode = document.getElementById("input-code").innerHTML;

                /* It replaces escaped brackets with real ones,
                 i.e. < is replaced with < and > is replaced with > */

                strHtmlCode = strHtmlCode.replace(/&(lt|gt);/g,
                function (strMatch, p1) {
                    return (p1 == "lt") ? "<" : ">";
                });
                var strTagStrippedText = strHtmlCode.replace(/<\/?[^>]+(>|$)/g, "");
                document.getElementById("input-code").innerHTML = strTagStrippedText
                //alert("Output text:\n" + strTagStrippedText);
            }
        }
    </script>

Si tienes algún problema para la implementación, escríbeme y en seguida te contestare. Saludos y gracias por seguirnos.

Compartir artículo:

Más artículos geniales

Operador instanceof de JavaScript

Operador instanceof de JavaScript

Resumen: en este tutorial, aprenderás a usar el operador instanceof de JavaScript para determinar si un objeto en su cadena de prototipos contiene la propiedad prototype de un constructor.

Ver artículo completo
Operadores de asignación lógica en JavaScript

Operadores de asignación lógica en JavaScript

En este tutorial, aprenderás sobre los operadores de asignación lógica de JavaScript, incluidos los operadores OR lógico (||=), AND lógico (&&=) y el operador de asignación null (??=).

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla