Domingo, 20 Noviembre 2016 23:09

JavaScript: Escribiendo etiquetas en un documento html

Valora este artículo
(0 votos)

Banner Tutoriales en JavaScript: Definiendo y usando variales

Crear etiquetas en un documento HTML usando JavaScript

En muchos casos puede ser necesario escribir no solo nuevos contenidos, sino también, nuevas etiquetas dentro de un documento html (ver ejercicio planteado en la entrada "JavaScript: El bucle for"; para esto utilizaremos la sentencia document.write que nos permitirá escribir directamente dentro del código del documento.

Veamos un ejemplo, sobre el que trabajaremos en clases:

Ejemplo de uso de la sentencia document.write:

   <!doctype html>
   <html>
      <head>
         <meta charset="utf-8">
         <title>documento.write: Sustituyendo el contenido de una página web por un nuevo párrafo con contenido.</title>
      </head>
      <body>
         <h1>Título de la página</h1>
         <h2>Debajo de este encabezado se generará un párrafo usando JavaScript</h2>
         <script>
            //JavaScript
            document.write("<p>Este párrafo fue generado usando JavaScript.</p>");
         </script>
      </body>
   </html>

Descripción de los códigos usados:

En este caso el código se resume a una sola línea: document.write("<p>Este párrafo fue generado usando JavaScript.</p>"); línea en la cual la sentencia document.write escribe un nuevo párrafo dentro del body del documento html con el contenido "Este párrafo fue generado usando JavaScript"

Como siempre, pueden dejar sus consultas y comentarios en el formulario dispuesto al pie de esta entrada.

Saludos para todos!
Plácido Luna.

 

Visto 253 veces Modificado por última vez en Domingo, 20 Noviembre 2016 23:55