Cómo insertar HTML en JavaScript




En este artículo veremos cómo insertar código HTML dentro de un programa escrito en JavaScript.

La forma de realizar esta acción es utilizando el método document.write. Lo único que hay que tener en cuenta al hacerlo es que este método toma las comillas como delimitador del texto a mostrar. Entonces, cuando una comilla forme parte del código HTML, va a haber que indicarlo con una barra invertida a su izquierda.

A modo de ejemplo, el siguiente código en JavaScript usa HTML para mostrar un texto en color rojo:

<script type="text/javascript">

  document.write("<font color=\"red\">Este texto se verá en rojo</font>");

</script>


Como se puede apreciar, en el ejemplo se tuvo que utilizar la barra invertida cuando se le dio un valor al atributo color de la etiqueta <font>, que en este caso fue red. Si no hubiéramos usado la barra, el código HTML habría interferido con el correcto funcionamiento del método JavaScript.

De esta forma se puede insertar cualquier código HTML dentro de una aplicación en JavaScript.



© Copyright 2010-2015 Cartucho ROM