Podemos seleccionar un elementos del DOM y alterar algún valor, añadir un nuevo elemento en algún lugar predefenido o eliminar un elemento del DOM.
Es necesario seleccionar un elemento para tener una referencia de que debe hacer JavaScrit con ese elemento o en esa posición.
| metodo | Descripción |
|---|---|
| document.getElementById('id'); | ID |
| document.getElementsByTagName('p'); | Nombre etiqueta |
| document.getElementsByClassName('clase'); | Nombre de clase |
| document.querySelectorAll('p.intro'); | Selector CSS |
| propiedad | Descripción |
|---|---|
| anchors | Devuelve todos los elementos <a> con attributo name |
| applets | Deprecated |
| baseURI | Devuelve la URL absoluta |
| body | Devuelve todos los elementos en <body> |
| cookie | Devuelve la cookei del documento |
| doctype | Devuelve el tipo de documento |
| documentoElement | Devuelve todos los elementos HTML |
| documentMode | |
| documentoURI | Devuelve el URL del documento |
| domain | Devuelve el nombre del dominio |
| domConfig | Obsoleto |
| embeds | Devuelve todo los elementos <enbed> |
| forms | Devuelve todo los elementos <form> |
| head | Devuelve todo los elementos <head> |
| images | Devuelve todo los elementos <img> |
| implementatios | |
| inputEncoding | |
| LastModified | |
| links | Devuelve los elementos <a> y <area> que contengan atributo href |
| readyState | |
| referrer | |
| script | Devuelve el Script |
| scrictErrorChecking | |
| title | Devuelve el tiyulo del documento |
| URL | Devuelve la URL completa |
const x = document.forms["frm1"];
let text = "";
for (let i=0; i<x.length; i++) {
text += x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
replaceChild(new, old);
Primero debes crearlo y luego indicar donde añadirlo.
document.createElement(elemento); document.appendChild(elemento); documento.insertBefore(elemento, donde);
document.removeChild(element);