Tecnología

Inicio

Cómo convertir de HTML a texto sin formato en Javascript

April 10

Cómo convertir de HTML a texto sin formato en Javascript


Una de las cosas más útiles que puedes hacer con el lenguaje de programación JavaScript es manipular y trabajar con el Document Object Model (o "DOM") de un documento HTML. El DOM de un documento HTML es una convención para representar el contenido de dicho documento. Proporciona una manera para que los navegadores web y lenguajes de script como JavaScript para interactuar con los diferentes elementos que componen ese documento. Uso de JavaScript y de una página web DOM, puede fácilmente convertir HTML a texto sin formato.

Instrucciones

1 Añadir una declaración guión a la sección HEAD del documento HTML. La etiqueta de secuencia de comandos define un script del lado del cliente como JavaScript. Su etiqueta SCRIPT debe tener su atributo "tipo" ajustado a "text / javascript" para que toda la declaración SCRIPT debe decir lo siguiente: <script type = "text / javascript"> </ script> (donde el código JavaScript va entre las dos etiquetas).

2 Definir una función de JavaScript que tiene una cadena como parámetro. Este parámetro de cadena contiene el código HTML que se le convirtiendo en texto sin formato.

3 Crear un elemento DIV temporal del interior función de JavaScript usando el método "createElement ()".

4 Asignar parámetro de cadena de su función de atributo "innerHTML" de su DIV temporal.

5 Crear una variable de cadena temporal en su función.

6 Coge el contenido de texto sin formato de su DIV temporal utilizando su "textContent" y "atributos InnerText" y asignarlo a la variable de cadena temporal. Debido a problemas de compatibilidad entre navegadores, tanto "textContent" y "innerText" se definirá en algunos navegadores web e indefinido en otros, pero uno o el otro se definirá en todas las versiones de los principales navegadores.

7 Devolver el valor en poder de su cadena temporal mediante una instrucción de "retorno". Esto devolverá el valor de texto sin formato del HTML convertido.

Consejos y advertencias

  • En lugar de utilizar IF-THEN para comprobar la compatibilidad entre navegadores y decidir si se debe utilizar "textContent" o "innerText" en la función, sólo tiene que asignar un valor de texto sin formato de su elemento DIV temporal a la variable de cadena temporal de la siguiente manera: var tmpString = tmpDiv.textContent || tmpDiv.innerText.