https://github.com/adnksharp/web-p-edit-html-with-js
Agregar etiquetas a HTML desde JavaScript
https://github.com/adnksharp/web-p-edit-html-with-js
html-css-javascript
Last synced: about 1 year ago
JSON representation
Agregar etiquetas a HTML desde JavaScript
- Host: GitHub
- URL: https://github.com/adnksharp/web-p-edit-html-with-js
- Owner: adnksharp
- Created: 2022-07-14T13:42:46.000Z (about 4 years ago)
- Default Branch: base
- Last Pushed: 2022-07-14T13:42:55.000Z (about 4 years ago)
- Last Synced: 2025-04-07T03:53:34.465Z (over 1 year ago)
- Topics: html-css-javascript
- Language: JavaScript
- Homepage:
- Size: 1000 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Agregar etiquetas a HTML desde JavaScript
[](https://postimg.cc/FdcCSW8J)
Uso de las funciones ```insertBefore``` e ```insertAdjacentElement``` para agregar etiquetas a un archivo de HTML para recrear el proyecto [Hola mundo con HTML, CSS y JavaScript](https://github.com/adnksharp/wHW)
### HTML
En este proyecto las únicas etiquetas que se agregan corresponden a los scripts:
- **index**: Script que agrega las etiquetas ```div``` y ```p``` para crear el proyecto.
- **animation**: Script del proyecto **Hola mundo...**.
### CSS
Colores de fondo y texto, fuente a utilizar y ubicación de los elementos.
### JavaScript
Usando la función ```createElement``` creamos los elementos que se agregarán al archivo HTML con su clase (```setAttribute```).
Para agregar elementos dentro del **body** usamos la función ```firstChild``` en ```body.insertBefore``` y para agregar elementos dentro de un elemento usamos la función ```beforeend``` en ```element.insertAdjacentElement```.