Manipulación del DOM

- Cómo escribir codigo Javascript que se ejecute automáticamente en el navegador?

conla siguiente etiqueta:

```jsx

        console.log("hola, Iris")

**- Es recomendable tener el codigo Js en un archivo separado del html. Como conectas esos dos archivos (el .JS conel.HTML )?**

En el archivo HTML dentro de la etiqueta debes indicar la direccion del archivo que contiene el codigo .JS

Para manipular los elementos de HTML con JavaScript, puedes utilizar el Document Object Model (DOM). El DOM es una representación en memoria de la estructura de un documento HTML, y te permite acceder y manipular los elementos de HTML.

a continuacion algunos ejemplos de cómo puedemos manipular los elementos de HTML con JavaScript:

1. Acceder a un elemento por su id:

   let elemento = document.getElementById(“idDelElemento”);
   
   

2. Acceder a elementos por su clase:

   let elementos = document.getElementsByClassName(“nombreDeClase”);
   
   

3. Acceder a elementos por su etiqueta:

   let elementos = document.getElementsByTagName(“etiqueta”);
   
   

4. Cambiar el contenido de un elemento:

   elemento.innerHTML = “Nuevo contenido”;

5. Cambiar el estilo de un elemento:

```
elemento.style.color = “red”;
elemento.style.fontSize = “20px”;

```

1. Agregar un nuevo elemento al DOM:

```
let nuevoElemento = document.createElement(“etiqueta”);
nuevoElemento.innerHTML = “Contenido del nuevo elemento”;
document.body.appendChild(nuevoElemento);

```