//buscaremos todos los parrafos a partir del elemento document
var parrafos = document.getElementsByTagName("p");
 
var primerParrafo = parrafos[0];
 
for(var i=0; i<parrafos.length; i++) {
  var parrafo = parrafos[i];
}
 }}
{{Actividad|
*Vamos a hacer un programa que me muestre todos los elementos que tiene mi página
*Lo vamos a hacer creando una función
<hr />
[[Usuario:ManuelRomero/JavaScript/dom/objetosJSCGenerales/ejemplo1|<font size=3 color=red>Solución</font>]]
}}
===Accediendo y modificando sus atributos
*Una vez hemos localizado un elemento, tendremos que poder modificar desde el programa valores para que se puedan ver las acciones a realizar
element= document.getElementsById("x");
*element.innerHTML =  Pone un nuevo contendio en el interior del elemento html
*element.attribute = Pone un  valor del atributo especificado de un elemento concreto
*element.setAttribute(attribute, value)	 Igual que el caso anterior
*element.style.property = new style	Cambia el estilo del elementos html especificado
 
 
====Creación de nodos====
<source lang="javascript">
// Crear nodo de tipo Element
var parrafo = document.createElement("p");
// Crear nodo de tipo Text
var contenido = document.createTextNode("Hola Mundo!");
// Añadir el nodo Text como hijo del nodo Element
parrafo.appendChild(contenido);
// Añadir el nodo Element como hijo de la pagina
document.body.appendChild(parrafo);

var parrafo = document.getElementById("provisional");
parrafo.parentNode.removeChild(parrafo);
 
<p id="provisional">...</p>

var enlace = document.getElementById("enlace");
alert(enlace.href); // muestra http://www...com
....
<a id="enlace" href="http://www...com">Enlace</a>

var imagen = document.getElementById("imagen");
alert(imagen.style.margin);
....
<img id="imagen" style="margin:0; border:0;" src="logo.png" />