René's URL Explorer Experiment


Title: Nodos del DOM en JavaScript | W3docs

Open Graph Title: Nodos del DOM en JavaScript

X Title: Nodos del DOM en JavaScript

Description: Aprende qué son los nodos del DOM, sus tipos, cómo identificarlos y cómo crearlos, añadirlos, eliminarlos y reemplazarlos con JavaScript.

Open Graph Description: Aprende qué son los nodos del DOM, sus tipos, cómo identificarlos y cómo crearlos, añadirlos, eliminarlos y reemplazarlos con JavaScript.

X Description: Aprende qué son los nodos del DOM, sus tipos, cómo identificarlos y cómo crearlos, añadirlos, eliminarlos y reemplazarlos con JavaScript.

Opengraph URL: https://es.w3docs.com/learn-javascript/understanding-the-dom-nodes

X: @w3docs

direct link

Domain: es.w3docs.com

Hey, it has json ld scripts: 
{"@context":"https://schema.org","@type":"Article","@id":"https://es.w3docs.com/learn-javascript/understanding-the-dom-nodes#article","headline":"Nodos del DOM en JavaScript","description":"Aprende qué son los nodos del DOM, sus tipos, cómo identificarlos y cómo crearlos, añadirlos, eliminarlos y reemplazarlos con JavaScript.","inLanguage":"es","url":"https://es.w3docs.com/learn-javascript/understanding-the-dom-nodes","isPartOf":{"@id":"https://es.w3docs.com/#website"},"publisher":{"@id":"https://es.w3docs.com/#organization"}}
 
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://es.w3docs.com/"},{"@type":"ListItem","position":2,"name":"Aprender JavaScript","item":"https://es.w3docs.com/learn-javascript"},{"@type":"ListItem","position":3,"name":"Los nodos del DOM","item":"https://es.w3docs.com/learn-javascript/understanding-the-dom-nodes"}]}
 
{"@context":"https://schema.org","@type":"Organization","@id":"https://es.w3docs.com/#organization","name":"W3docs","url":"https://es.w3docs.com/","logo":"https://www.w3docs.com/build/images/logo-amp.png","sameAs":["https://x.com/w3docs","https://www.facebook.com/w3docs","https://github.com/w3docs","https://linkedin.com/company/w3docs"]}
 
{"@context":"https://schema.org","@type":"WebSite","@id":"https://es.w3docs.com/#website","name":"W3docs","url":"https://es.w3docs.com/","inLanguage":"es","publisher":{"@id":"https://es.w3docs.com/#organization"}}
og:site_nameW3docs
og:localees_ES
og:imagehttps://www.w3docs.com/build/images/logo-amp.png
og:typearticle
twitter:cardsummary_large_image
twitter:imagehttps://www.w3docs.com/build/images/logo-amp.png

Links:

W3docshttps://es.w3docs.com/
Aprender HTMLhttps://es.w3docs.com/learn-html
Aprender CSShttps://es.w3docs.com/learn-css
Aprender JavaScripthttps://es.w3docs.com/learn-javascript
Aprender Githttps://es.w3docs.com/learn-git
Aprender Javahttps://es.w3docs.com/learn-java
Aprender PHPhttps://es.w3docs.com/learn-php
Aprender Pythonhttps://es.w3docs.com/learn-python
Cursoshttps://es.w3docs.com/course
Cuestionarioshttps://es.w3docs.com/quiz
Ejercicioshttps://es.w3docs.com/exercise
HTML Editorhttps://es.w3docs.com/tools/editor
Password Generatorhttps://es.w3docs.com/tools/password-generator
HTML Encoderhttps://es.w3docs.com/tools/html-encoder
Code Diffhttps://es.w3docs.com/tools/code-diff
JSON Beautifierhttps://es.w3docs.com/tools/json-beautify
Ver los 13 →https://es.w3docs.com/tool
Color Pickerhttps://es.w3docs.com/color/color-picker
Color Converterhttps://es.w3docs.com/color/color-converter
Color mixerhttps://es.w3docs.com/color/color-mixer
Color Hexhttps://es.w3docs.com/color/color-hex
Colors HSLhttps://es.w3docs.com/color/color-hsl
Ver los 10 →https://es.w3docs.com/tool
String Length Calculatorhttps://es.w3docs.com/tools/string-length-calculator
MD5 Hash Generatorhttps://es.w3docs.com/tools/string-md5-generator
Sha256 Hash Generatorhttps://es.w3docs.com/tools/string-sha256-generator
String Reversehttps://es.w3docs.com/tools/string-revers
URL Encoderhttps://es.w3docs.com/tools/string-url-encoder
Ver los 19 →https://es.w3docs.com/tool
Javascript Formatterhttps://es.w3docs.com/tools/formatter/javascript
CSS Formatterhttps://es.w3docs.com/tools/formatter/css
HTML Formatterhttps://es.w3docs.com/tools/formatter/html
Json Formatterhttps://es.w3docs.com/tools/formatter/json
PHP Formatterhttps://es.w3docs.com/tools/formatter/php
Englishenhttps://www.w3docs.com/learn-javascript/understanding-the-dom-nodes
Deutschdehttps://de.w3docs.com/learn-javascript/understanding-the-dom-nodes
Русскийruhttps://ru.w3docs.com/learn-javascript/understanding-the-dom-nodes
Françaisfrhttps://fr.w3docs.com/learn-javascript/understanding-the-dom-nodes
Españoleshttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes
Portuguêspthttps://pt.w3docs.com/learn-javascript/understanding-the-dom-nodes
Italianoithttps://it.w3docs.com/learn-javascript/understanding-the-dom-nodes
Iniciar sesiónhttps://es.w3docs.com/api/auth/login
Aprender JavaScripthttps://es.w3docs.com/learn-javascript
Introducciónhttps://es.w3docs.com/learn-javascript/javascript-intro
Comenzar a usar Javascripthttps://es.w3docs.com/learn-javascript/start-using-javascript
Comentarios en JShttps://es.w3docs.com/learn-javascript/javascript-comments
JS con el DOMhttps://es.w3docs.com/learn-javascript/javascript-with-dom
JS Use Stricthttps://es.w3docs.com/learn-javascript/javascript-use-strict
Variables en JShttps://es.w3docs.com/learn-javascript/javascript-variables
Tipos de datos JShttps://es.w3docs.com/learn-javascript/javascript-data-types
Conversiones de Tipos en JShttps://es.w3docs.com/learn-javascript/type-conversions
Funciones interactivas de JShttps://es.w3docs.com/learn-javascript/interactive-functions
Operadores JShttps://es.w3docs.com/learn-javascript/operators
Operadores de comparación en JShttps://es.w3docs.com/learn-javascript/comparison-operators
Operadores Lógicos de JShttps://es.w3docs.com/learn-javascript/logical-operators
Fusión Nula en JS (??)https://es.w3docs.com/learn-javascript/nullish-coalescing-operator
Operadores condicionales en JShttps://es.w3docs.com/learn-javascript/conditional-operators
JS Switchhttps://es.w3docs.com/learn-javascript/javascript-switch
Bucles en JShttps://es.w3docs.com/learn-javascript/javascript-loops
Funciones JShttps://es.w3docs.com/learn-javascript/javascript-functions
Expresiones de Función en JShttps://es.w3docs.com/learn-javascript/function-expressions
Funciones flecha en JShttps://es.w3docs.com/learn-javascript/arrow-functions-the-basics
JS ES6https://es.w3docs.com/learn-javascript/javascript-es6
Objetos JShttps://es.w3docs.com/learn-javascript/javascript-objects
Copia de Objetos en JShttps://es.w3docs.com/learn-javascript/object-references-and-copying
Métodos de objetos JS, "this"https://es.w3docs.com/learn-javascript/object-methods-this
Recolección de basura en JShttps://es.w3docs.com/learn-javascript/garbage-collection
Tipos Symbol en JShttps://es.w3docs.com/learn-javascript/symbol-types
Conversión de objeto a primitivo en JShttps://es.w3docs.com/learn-javascript/object-to-primitive-conversion
Constructor de JS, operador "new"https://es.w3docs.com/learn-javascript/constructor-operator-new
Encadenamiento Opcional (?.)https://es.w3docs.com/learn-javascript/optional-chaining
Métodos de primitivos en JShttps://es.w3docs.com/learn-javascript/methods-of-primitives
Números en JShttps://es.w3docs.com/learn-javascript/numbers
JS Mathhttps://es.w3docs.com/learn-javascript/javascript-math
Strings en JShttps://es.w3docs.com/learn-javascript/strings
Arrays en JShttps://es.w3docs.com/learn-javascript/javascript-array
Métodos de array en JShttps://es.w3docs.com/learn-javascript/array-methods
Iterables en JShttps://es.w3docs.com/learn-javascript/iterables
JS Map y Sethttps://es.w3docs.com/learn-javascript/map-and-set
JS WeakMap y WeakSethttps://es.w3docs.com/learn-javascript/weakmap-and-weakset
JS Object.keys, Values, Entrieshttps://es.w3docs.com/learn-javascript/object-keys-values-entries
Desestructuración en JShttps://es.w3docs.com/learn-javascript/destructuring-assignment
Fecha y hora en JShttps://es.w3docs.com/learn-javascript/javascript-date
Métodos JS JSON, toJSONhttps://es.w3docs.com/learn-javascript/working-with-json
Recursión y Pila en JShttps://es.w3docs.com/learn-javascript/recursion-and-stack
Parámetros Rest y Sintaxis Spread en JShttps://es.w3docs.com/learn-javascript/rest-parameters-and-spread-syntax
Ámbito de variables en JShttps://es.w3docs.com/learn-javascript/variable-scope
JS El antiguo "var"https://es.w3docs.com/learn-javascript/the-old-var
Objeto global en JShttps://es.w3docs.com/learn-javascript/global-object
Objeto función en JS, NFEhttps://es.w3docs.com/learn-javascript/function-object-nfe
JS La sintaxis "new Function"https://es.w3docs.com/learn-javascript/the-new-function-syntax
JS setTimeout y setIntervalhttps://es.w3docs.com/learn-javascript/scheduling-settimeout-and-setinterval
Decoradores y reenvío en JS, call/applyhttps://es.w3docs.com/learn-javascript/decorators-and-forwarding-call-apply
Debounce y Throttle en JShttps://es.w3docs.com/learn-javascript/debounce-and-throttle
Vinculación de funciones en JShttps://es.w3docs.com/learn-javascript/function-binding
Funciones flecha de JS revisitadashttps://es.w3docs.com/learn-javascript/arrow-functions-revisited
Closures en JShttps://es.w3docs.com/learn-javascript/javascript-closures
Flags y descriptores de propiedades en JShttps://es.w3docs.com/learn-javascript/property-flags-and-descriptors
Getters y Setters de Propiedades en JShttps://es.w3docs.com/learn-javascript/property-getters-and-setters
Introducción al DOMhttps://es.w3docs.com/learn-javascript/javascript-html-dom
Los nodos del DOMhttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes
Seleccionar elementos del DOMhttps://es.w3docs.com/learn-javascript/selecting-dom-elements
Manipulación del DOMhttps://es.w3docs.com/learn-javascript/dom-manipulation
Trabajar con Estilos en el DOMhttps://es.w3docs.com/learn-javascript/working-with-styles-in-dom
Manejo de Eventos en el DOMhttps://es.w3docs.com/learn-javascript/event-handling-in-dom
Recorrido del DOMhttps://es.w3docs.com/learn-javascript/traversing-the-dom
Técnicas de Manipulación del DOMhttps://es.w3docs.com/learn-javascript/dom-manipulation-techniques
Trabajar con Formularios en el DOMhttps://es.w3docs.com/learn-javascript/working-with-forms-in-dom
Técnicas Avanzadas del DOMhttps://es.w3docs.com/learn-javascript/advanced-dom-techniques
Bibliotecas de Manipulación del DOMhttps://es.w3docs.com/learn-javascript/dom-manipulation-libraries
Compatibilidad DOM entre navegadoreshttps://es.w3docs.com/learn-javascript/dom-browser-compatibility
Accesibilidad en el DOMhttps://es.w3docs.com/learn-javascript/dom-accessibility-considerations
Depuración y herramientashttps://es.w3docs.com/learn-javascript/dom-debugging-and-tools
Optimización del rendimientohttps://es.w3docs.com/learn-javascript/dom-performance-optimization
Elementos Interactivos y Widgetshttps://es.w3docs.com/learn-javascript/dom-nteractive-elements-and-widgets
Herencia prototípica en JShttps://es.w3docs.com/learn-javascript/prototypal-inheritance
Prototipos Nativos de JShttps://es.w3docs.com/learn-javascript/native-prototypes
Métodos de prototipo JS, objetos sin `__proto__`https://es.w3docs.com/learn-javascript/prototype-methods-objects-without-proto
Sintaxis básica de clases JShttps://es.w3docs.com/learn-javascript/class-basic-syntax
Herencia de clases en JShttps://es.w3docs.com/learn-javascript/class-inheritance
Propiedades y métodos estáticos en JShttps://es.w3docs.com/learn-javascript/static-properties-and-methods
Propiedades Privadas y Protegidas en JShttps://es.w3docs.com/learn-javascript/private-and-protected-properties-and-methods
Extendiendo Clases Integradas en JShttps://es.w3docs.com/learn-javascript/extending-built-in-classes
Verificación de clases en JS: "instanceof"https://es.w3docs.com/learn-javascript/class-checking-instanceof
Mixins en JShttps://es.w3docs.com/learn-javascript/mixins
Manejo de errores en JS, "try..catch"https://es.w3docs.com/learn-javascript/error-handling-try-catch
Errores Personalizados en JS, Extendiendo Errorhttps://es.w3docs.com/learn-javascript/custom-errors-extending-error
JS Introduction:callbackshttps://es.w3docs.com/learn-javascript/introduction-callbacks
Promise en JShttps://es.w3docs.com/learn-javascript/promise
Encadenamiento de Promesashttps://es.w3docs.com/learn-javascript/promises-chaining
Manejo de errores con promesas en JShttps://es.w3docs.com/learn-javascript/error-handling-with-promises
Promise APIhttps://es.w3docs.com/learn-javascript/promise-api
Promisificaciónhttps://es.w3docs.com/learn-javascript/promisification
Microtareashttps://es.w3docs.com/learn-javascript/microtasks
async/awaithttps://es.w3docs.com/learn-javascript/async-await
Generadoreshttps://es.w3docs.com/learn-javascript/generators
Iteradores y Generadores Asíncronoshttps://es.w3docs.com/learn-javascript/async-iterators-and-generators
Móduloshttps://es.w3docs.com/learn-javascript/modules-introduction
Export e Importhttps://es.w3docs.com/learn-javascript/export-and-import
Importaciones dinámicashttps://es.w3docs.com/learn-javascript/dynamic-imports
Proxy y Reflecthttps://es.w3docs.com/learn-javascript/proxy-and-reflect
Evalhttps://es.w3docs.com/learn-javascript/eval-run-a-code-string
Curryinghttps://es.w3docs.com/learn-javascript/currying
BigInthttps://es.w3docs.com/learn-javascript/bigint
Polyfills y transpiladoreshttps://es.w3docs.com/learn-javascript/polyfills-and-transpilers
Ventanas emergentes y métodos de Windowhttps://es.w3docs.com/learn-javascript/popups-and-window-methods
Comunicación entre Ventanashttps://es.w3docs.com/learn-javascript/cross-window-communication
ArrayBuffer y Arrays Binarioshttps://es.w3docs.com/learn-javascript/arraybuffer-binary-arrays
TextDecoder y TextEncoderhttps://es.w3docs.com/learn-javascript/textdecoder-and-textencoder
Blobhttps://es.w3docs.com/learn-javascript/javascript-blob
File y FileReaderhttps://es.w3docs.com/learn-javascript/file-and-filereader
JS Streams APIhttps://es.w3docs.com/learn-javascript/streams-api
Entorno del Navegador, Especificacioneshttps://es.w3docs.com/learn-javascript/browser-environment-specs
Búsqueda: getElement*, querySelector*https://es.w3docs.com/learn-javascript/searching-getelement-queryselector
Propiedades de los nodos: tipo, etiqueta y contenidohttps://es.w3docs.com/learn-javascript/node-properties-type-tag-and-contents
Atributos y Propiedadeshttps://es.w3docs.com/learn-javascript/attributes-and-properties
Modificar el documentohttps://es.w3docs.com/learn-javascript/modifying-the-document
Estilos y Claseshttps://es.w3docs.com/learn-javascript/styles-and-classes
Tamaños de ventana y desplazamientohttps://es.w3docs.com/learn-javascript/javascript-window-sizes-and-scrolling
Coordenadashttps://es.w3docs.com/learn-javascript/javascript-coordinates
Introducción a los eventos del navegador en JavaScripthttps://es.w3docs.com/learn-javascript/introduction-to-browser-events
Bubbling y Capturinghttps://es.w3docs.com/learn-javascript/bubbling-and-capturing
Delegación de eventoshttps://es.w3docs.com/learn-javascript/javascript-events
Acciones Predeterminadas del Navegadorhttps://es.w3docs.com/learn-javascript/browser-default-actions
Despacho de Eventos Personalizadoshttps://es.w3docs.com/learn-javascript/dispatching-custom-events
Conceptos básicos de eventos de ratónhttps://es.w3docs.com/learn-javascript/mouse-events-basics
Movimiento del ratónhttps://es.w3docs.com/learn-javascript/moving-the-mouse-mouseover-out-mouseenter-leave
Arrastrar y Soltarhttps://es.w3docs.com/learn-javascript/drag-and-drop-with-javascript
Teclado: keydown y keyuphttps://es.w3docs.com/learn-javascript/keyboard-keydown-and-keyup
Desplazamientohttps://es.w3docs.com/learn-javascript/javascript-scrolling
Propiedades y métodos de formularioshttps://es.w3docs.com/learn-javascript/form-properties-and-methods
Enfoque: focus/blurhttps://es.w3docs.com/learn-javascript/focusing-focus-blur
Eventos: change, input, cut, copy, pastehttps://es.w3docs.com/learn-javascript/events-change-input-cut-copy-paste
API Portapapeles JShttps://es.w3docs.com/learn-javascript/clipboard-api
Formularios: evento y método submithttps://es.w3docs.com/learn-javascript/forms-event-and-method-submit
Page:DOMContentLoaded, load, beforeunload, unloadhttps://es.w3docs.com/learn-javascript/page-domcontentloaded-load-beforeunload-unload
Scripts: async, deferhttps://es.w3docs.com/learn-javascript/scripts-async-defer
Carga de recursos: onload y onerrorhttps://es.w3docs.com/learn-javascript/resource-loading-onload-and-onerror
Mutation Observerhttps://es.w3docs.com/learn-javascript/mutation-observer
JS IntersectionObserverhttps://es.w3docs.com/learn-javascript/intersection-observer
JS ResizeObserverhttps://es.w3docs.com/learn-javascript/resize-observer
Selección y Rangohttps://es.w3docs.com/learn-javascript/selection-and-range
Bucle de eventos: microtareas y macrotareashttps://es.w3docs.com/learn-javascript/event-loop-microtasks-and-macrotasks
Canvashttps://es.w3docs.com/learn-javascript/canvas
Fetch APIhttps://es.w3docs.com/learn-javascript/fetch-api
FormDatahttps://es.w3docs.com/learn-javascript/javascript-formdata
Fetch: progreso de descargahttps://es.w3docs.com/learn-javascript/fetch-download-progress
Fetch: cancelarhttps://es.w3docs.com/learn-javascript/fetch-abort
Fetch: solicitudes de origen cruzadohttps://es.w3docs.com/learn-javascript/javascript-fetch-cross-origin-requests
Objetos URLhttps://es.w3docs.com/learn-javascript/url-objects
XMLHttpRequesthttps://es.w3docs.com/learn-javascript/xmlhttprequest
JS Server-Sent Eventshttps://es.w3docs.com/learn-javascript/server-sent-events
Carga de archivos reanudablehttps://es.w3docs.com/learn-javascript/resumable-file-upload
Cookies: document.cookiehttps://es.w3docs.com/learn-javascript/cookies-document-cookie
LocalStorage, SessionStoragehttps://es.w3docs.com/learn-javascript/localstorage-sessionstorage
IndexedDBhttps://es.w3docs.com/learn-javascript/javascript-indexeddb
Animaciones CSShttps://es.w3docs.com/learn-javascript/css-animations
Animaciones con JavaScripthttps://es.w3docs.com/learn-javascript/javascript-animations
Web Componentshttps://es.w3docs.com/learn-javascript/web-components
Elementos Personalizadoshttps://es.w3docs.com/learn-javascript/custom-elements
Shadow DOMhttps://es.w3docs.com/learn-javascript/javascript-shadow-dom
Elemento Templatehttps://es.w3docs.com/learn-javascript/template-element
Shadow DOM: Slots y Composiciónhttps://es.w3docs.com/learn-javascript/shadow-dom-slots-composition
Estilos en el Shadow DOMhttps://es.w3docs.com/learn-javascript/shadow-dom-styling
Shadow DOM y Eventoshttps://es.w3docs.com/learn-javascript/shadow-dom-and-events
Regex en JShttps://es.w3docs.com/learn-javascript/regex
Patrones y Banderashttps://es.w3docs.com/learn-javascript/patterns-and-flags
Clases de Caractereshttps://es.w3docs.com/learn-javascript/character-classes
Unicode: bandera "u" y clase \p{...}https://es.w3docs.com/learn-javascript/unicode-flag-u-and-class-p
Anclas: inicio ^ y fin $ de cadenahttps://es.w3docs.com/learn-javascript/anchors-string-start-and-end
Modo multilínea de los anclajes ^ $, flag "m"https://es.w3docs.com/learn-javascript/multiline-mode-of-anchors-flag-m
Límite de palabra: \bhttps://es.w3docs.com/learn-javascript/word-boundary-b
Escapar, caracteres especialeshttps://es.w3docs.com/learn-javascript/escaping-special-characters
Conjuntos y rangos [...]https://es.w3docs.com/learn-javascript/javascript-sets-and-ranges
Cuantificadores +, *, ? y {n}https://es.w3docs.com/learn-javascript/quantifiers-and-n
Cuantificadores codiciosos y perezososhttps://es.w3docs.com/learn-javascript/greedy-and-lazy-quantifiers
Grupos de capturahttps://es.w3docs.com/learn-javascript/capturing-groups
Referencias inversas: \n y \khttps://es.w3docs.com/learn-javascript/backreferences-in-pattern-n-and-k-name
Alternancia (OR) en JavaScripthttps://es.w3docs.com/learn-javascript/javascript-alternation-or
Lookahead y Lookbehindhttps://es.w3docs.com/learn-javascript/lookahead-and-lookbehind
Retroceso Catastróficohttps://es.w3docs.com/learn-javascript/catastrophic-backtracking
Bandera sticky "y", búsqueda en una posiciónhttps://es.w3docs.com/learn-javascript/sticky-flag-y-searching-at-position
Métodos de RegExp y Stringhttps://es.w3docs.com/learn-javascript/javascript-regexp
Web Animations APIhttps://es.w3docs.com/learn-javascript/animations-api
File APIhttps://es.w3docs.com/learn-javascript/file-api
Battery APIhttps://es.w3docs.com/learn-javascript/battery-api
WebGLhttps://es.w3docs.com/learn-javascript/webgl
Push APIhttps://es.w3docs.com/learn-javascript/push-api
Screen Orientation APIhttps://es.w3docs.com/learn-javascript/screen-orientation-api
History APIhttps://es.w3docs.com/learn-javascript/history-api
API de consolahttps://es.w3docs.com/learn-javascript/console-api
Fullscreen APIhttps://es.w3docs.com/learn-javascript/fullscreen-api
API de Validaciónhttps://es.w3docs.com/learn-javascript/validation-api
Web Storage APIhttps://es.w3docs.com/learn-javascript/storage-api
Web MIDI APIhttps://es.w3docs.com/learn-javascript/web-midi-api
Web Workers en JShttps://es.w3docs.com/learn-javascript/web-workers
Service Workershttps://es.w3docs.com/learn-javascript/service-workers
WebSocketshttps://es.w3docs.com/learn-javascript/websockets
Geolocalizaciónhttps://es.w3docs.com/learn-javascript/geolocation
WebRTChttps://es.w3docs.com/learn-javascript/webrtc
Web Audio APIhttps://es.w3docs.com/learn-javascript/web-audio-api
API de Notificacioneshttps://es.w3docs.com/learn-javascript/notifications-api
La API de Vibraciónhttps://es.w3docs.com/learn-javascript/the-vibration-api
API Intl de JShttps://es.w3docs.com/learn-javascript/intl-api
DOMhttps://es.w3docs.com/learn-javascript/javascript-html-dom
HTMLhttps://es.w3docs.com/learn-html/html-introduction
JavaScripthttps://es.w3docs.com/learn-javascript/javascript-intro
seleccionar elementoshttps://es.w3docs.com/learn-javascript/selecting-dom-elements
recorrer el árbolhttps://es.w3docs.com/learn-javascript/traversing-the-dom
Pruébalo tú mismo »https://es.w3docs.com/tools/editor#code=PCFET0NUWVBFIGh0bWw-CjxodG1sPgo8aGVhZD4KICAgIDx0aXRsZT5ET00gTm9kZXMgRXhhbXBsZTwvdGl0bGU-CjwvaGVhZD4KPGJvZHk-CiAgICA8ZGl2IGlkPSJleGFtcGxlIj4KICAgICAgICA8IS0tIFRoaXMgaXMgYSBjb21tZW50IG5vZGUgLS0-CiAgICAgICAgPHA-VGhpcyBpcyBhIHRleHQgbm9kZSB3aXRoaW4gYW4gZWxlbWVudCBub2RlLjwvcD4KICAgIDwvZGl2PgogICAgPHNjcmlwdD4KICAgICAgICBsZXQgZXhhbXBsZURpdiA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdleGFtcGxlJyk7CiAgICAgICAgZXhhbXBsZURpdi5zdHlsZS5ib3JkZXIgPSAnMnB4IHNvbGlkIGJsdWUnOyAvLyBIaWdobGlnaHQgdGhlIGRpdiBlbGVtZW50CiAgICAgICAgZXhhbXBsZURpdi5zdHlsZS5wYWRkaW5nID0gJzEwcHgnOwogICAgPC9zY3JpcHQ-CjwvYm9keT4KPC9odG1sPg&lang=html
Pruébalo tú mismo »https://es.w3docs.com/tools/editor#code=PCFET0NUWVBFIGh0bWw-CjxodG1sPgo8aGVhZD4KICAgIDx0aXRsZT5Ob2RlIFR5cGVzIEludGVyYWN0aXZlIEV4YW1wbGU8L3RpdGxlPgogICAgPHN0eWxlPgogICAgICAgICNpbmZvIHsKICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjYzsKICAgICAgICAgICAgcGFkZGluZzogMTBweDsKICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDsKICAgICAgICB9CiAgICAgICAgI291dHB1dCB7CiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7CiAgICAgICAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgICAgfQogICAgICAgIGJ1dHRvbiB7CiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDsKICAgICAgICB9CiAgICA8L3N0eWxlPgo8L2hlYWQ-Cjxib2R5PgogICAgPGRpdiBpZD0iaW5mbyI-CiAgICAgICAgPCEtLSBUaGlzIGlzIGEgY29tbWVudCBub2RlIC0tPgogICAgICAgIDxwPkVsZW1lbnQgbm9kZSB3aXRoIGEgPHNwYW4-Y2hpbGQgZWxlbWVudCBub2RlPC9zcGFuPiBhbmQgc29tZSB0ZXh0LjwvcD4KICAgIDwvZGl2PgogICAgPGJ1dHRvbiBvbmNsaWNrPSJkaXNwbGF5Tm9kZVR5cGVzKCkiPlNob3cgTm9kZSBUeXBlczwvYnV0dG9uPgogICAgPGRpdiBpZD0ib3V0cHV0Ij5Ob2RlIHR5cGVzIHdpbGwgYmUgZGlzcGxheWVkIGhlcmUuPC9kaXY-CiAgICA8c2NyaXB0PgogICAgICAgIGZ1bmN0aW9uIGRpc3BsYXlOb2RlVHlwZXMoKSB7CiAgICAgICAgICAgIGNvbnN0IGluZm9EaXYgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaW5mbycpOwogICAgICAgICAgICBjb25zdCBvdXRwdXREaXYgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnb3V0cHV0Jyk7CiAgICAgICAgICAgIG91dHB1dERpdi5pbm5lckhUTUwgPSAnJzsgIC8vIENsZWFyIHByZXZpb3VzIG91dHB1dAogICAgICAgICAgICBjb25zdCBub2RlVHlwZXMgPSBbXTsKCiAgICAgICAgICAgIC8vIEl0ZXJhdGUgb3ZlciBhbGwgY2hpbGQgbm9kZXMgb2YgdGhlIGRpdgogICAgICAgICAgICBpbmZvRGl2LmNoaWxkTm9kZXMuZm9yRWFjaChub2RlID0-IHsKICAgICAgICAgICAgICAgIGxldCB0eXBlRGVzY3JpcHRpb24gPSAnJzsKICAgICAgICAgICAgICAgIHN3aXRjaChub2RlLm5vZGVUeXBlKSB7CiAgICAgICAgICAgICAgICAgICAgY2FzZSBOb2RlLkVMRU1FTlRfTk9ERToKICAgICAgICAgICAgICAgICAgICAgICAgdHlwZURlc2NyaXB0aW9uID0gJ0VsZW1lbnQgbm9kZTogJyArIG5vZGUudGFnTmFtZTsKICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICAgICAgICAgICAgY2FzZSBOb2RlLlRFWFRfTk9ERToKICAgICAgICAgICAgICAgICAgICAgICAgLy8gVHJpbSB0ZXh0IGNvbnRlbnQgYW5kIGNoZWNrIGlmIGl0J3Mgbm90IGVtcHR5CiAgICAgICAgICAgICAgICAgICAgICAgIGxldCB0ZXh0Q29udGVudCA9IG5vZGUudGV4dENvbnRlbnQudHJpbSgpOwogICAgICAgICAgICAgICAgICAgICAgICBpZiAodGV4dENvbnRlbnQpIHsKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGVEZXNjcmlwdGlvbiA9ICdUZXh0IG5vZGU6ICInICsgdGV4dENvbnRlbnQgKyAnIic7CiAgICAgICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICAgICAgICAgICAgY2FzZSBOb2RlLkNPTU1FTlRfTk9ERToKICAgICAgICAgICAgICAgICAgICAgICAgdHlwZURlc2NyaXB0aW9uID0gJ0NvbW1lbnQgbm9kZTogIicgKyBub2RlLnRleHRDb250ZW50LnRyaW0oKSArICciJzsKICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICAgICAgICB9CgogICAgICAgICAgICAgICAgLy8gT25seSBhZGQgbm9uLWVtcHR5IGRlc2NyaXB0aW9ucwogICAgICAgICAgICAgICAgaWYgKHR5cGVEZXNjcmlwdGlvbikgewogICAgICAgICAgICAgICAgICAgIG5vZGVUeXBlcy5wdXNoKHR5cGVEZXNjcmlwdGlvbik7CiAgICAgICAgICAgICAgICAgICAgY29uc3QgcCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgICAgICAgICAgICAgICAgICBwLnRleHRDb250ZW50ID0gdHlwZURlc2NyaXB0aW9uOwogICAgICAgICAgICAgICAgICAgIG91dHB1dERpdi5hcHBlbmRDaGlsZChwKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfSk7CgogICAgICAgICAgICAvLyBJZiBubyBub2RlcyBhcmUgdmlzaWJsZSBvciBmb3VuZAogICAgICAgICAgICBpZiAobm9kZVR5cGVzLmxlbmd0aCA9PT0gMCkgewogICAgICAgICAgICAgICAgb3V0cHV0RGl2LnRleHRDb250ZW50ID0gJ05vIHZpc2libGUgbm9kZXMgZm91bmQuJzsKICAgICAgICAgICAgfQogICAgICAgIH0KICAgIDwvc2NyaXB0Pgo8L2JvZHk-CjwvaHRtbD4&lang=html
manipulación del DOMhttps://es.w3docs.com/learn-javascript/dom-manipulation
Pruébalo tú mismo »https://es.w3docs.com/tools/editor#code=PCFET0NUWVBFIGh0bWw-CjxodG1sPgo8aGVhZD4KICAgIDx0aXRsZT5BZGQgTm9kZSBFeGFtcGxlPC90aXRsZT4KPC9oZWFkPgo8Ym9keT4KICAgIDxidXR0b24gb25jbGljaz0iYWRkTmV3UGFyYWdyYXBoKCkiPkFkZCBQYXJhZ3JhcGg8L2J1dHRvbj4KICAgIDxzY3JpcHQ-CiAgICAgICAgZnVuY3Rpb24gYWRkTmV3UGFyYWdyYXBoKCkgewogICAgICAgICAgICBsZXQgbmV3Tm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgICAgICAgICAgbmV3Tm9kZS50ZXh0Q29udGVudCA9ICdUaGlzIGlzIGEgbmV3IHBhcmFncmFwaC4nOwogICAgICAgICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKG5ld05vZGUpOwogICAgICAgIH0KICAgIDwvc2NyaXB0Pgo8L2JvZHk-CjwvaHRtbD4&lang=html
Pruébalo tú mismo »https://es.w3docs.com/tools/editor#code=PCFET0NUWVBFIGh0bWw-CjxodG1sPgo8aGVhZD4KICAgIDx0aXRsZT5SZW1vdmUgTm9kZSBFeGFtcGxlPC90aXRsZT4KPC9oZWFkPgo8Ym9keT4KICAgIDxkaXYgaWQ9ImNvbnRhaW5lciI-CiAgICAgICAgPHAgaWQ9InRvQmVSZW1vdmVkIj5UaGlzIHBhcmFncmFwaCB3aWxsIGJlIHJlbW92ZWQuIDxidXR0b24gb25jbGljaz0icmVtb3ZlUGFyYWdyYXBoKCkiPlJlbW92ZTwvYnV0dG9uPjwvcD4KICAgIDwvZGl2PgogICAgPHNjcmlwdD4KICAgICAgICBmdW5jdGlvbiByZW1vdmVQYXJhZ3JhcGgoKSB7CiAgICAgICAgICAgIGxldCBwYXJlbnROb2RlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2NvbnRhaW5lcicpOwogICAgICAgICAgICBsZXQgY2hpbGROb2RlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3RvQmVSZW1vdmVkJyk7CiAgICAgICAgICAgIHBhcmVudE5vZGUucmVtb3ZlQ2hpbGQoY2hpbGROb2RlKTsKICAgICAgICB9CiAgICA8L3NjcmlwdD4KPC9ib2R5Pgo8L2h0bWw-&lang=html
Pruébalo tú mismo »https://es.w3docs.com/tools/editor#code=PCFET0NUWVBFIGh0bWw-CjxodG1sPgo8aGVhZD4KICAgIDx0aXRsZT5SZXBsYWNlIE5vZGUgRXhhbXBsZTwvdGl0bGU-CjwvaGVhZD4KPGJvZHk-CiAgICA8ZGl2IGlkPSJvbGRFbGVtZW50Ij5UaGlzIGVsZW1lbnQgd2lsbCBiZSByZXBsYWNlZC4gPGJ1dHRvbiBvbmNsaWNrPSJyZXBsYWNlRWxlbWVudCgpIj5SZXBsYWNlPC9idXR0b24-PC9kaXY-CiAgICA8c2NyaXB0PgogICAgICAgIGZ1bmN0aW9uIHJlcGxhY2VFbGVtZW50KCkgewogICAgICAgICAgICBsZXQgbmV3Tm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpOwogICAgICAgICAgICBuZXdOb2RlLnRleHRDb250ZW50ID0gJ1RoaXMgaXMgYSByZXBsYWNlbWVudC4nOwogICAgICAgICAgICBsZXQgb2xkTm9kZSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdvbGRFbGVtZW50Jyk7CiAgICAgICAgICAgIG9sZE5vZGUucGFyZW50Tm9kZS5yZXBsYWNlQ2hpbGQobmV3Tm9kZSwgb2xkTm9kZSk7CiAgICAgICAgfQogICAgPC9zY3JpcHQ-CjwvYm9keT4KPC9odG1sPg&lang=html
optimización del rendimiento del DOMhttps://es.w3docs.com/learn-javascript/dom-performance-optimization
Pruébalo tú mismo »https://es.w3docs.com/tools/editor#code=PCFET0NUWVBFIGh0bWw-CjxodG1sPgo8aGVhZD4KICAgIDx0aXRsZT5Eb2N1bWVudEZyYWdtZW50IEV4YW1wbGU8L3RpdGxlPgo8L2hlYWQ-Cjxib2R5PgogICAgPGRpdiBpZD0ibGlzdC1jb250YWluZXIiPgogICAgICAgIDxoMj5JdGVtIExpc3Q8L2gyPgogICAgICAgIDx1bCBpZD0iaXRlbS1saXN0Ij4KICAgICAgICAgICAgPCEtLSBJdGVtcyB3aWxsIGJlIGFkZGVkIGhlcmUgLS0-CiAgICAgICAgPC91bD4KICAgICAgICA8YnV0dG9uIGlkPSJhZGQtaXRlbXMiPkFkZCAxMDAgSXRlbXM8L2J1dHRvbj4KICAgIDwvZGl2PgoKICAgIDxzY3JpcHQ-CiAgICAgICAgY29uc3QgaXRlbUxpc3QgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaXRlbS1saXN0Jyk7CiAgICAgICAgY29uc3QgYWRkSXRlbXNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYWRkLWl0ZW1zJyk7CgogICAgICAgIGFkZEl0ZW1zQnV0dG9uLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gewogICAgICAgICAgICAvLyBDcmVhdGUgYSBEb2N1bWVudEZyYWdtZW50CiAgICAgICAgICAgIGNvbnN0IGZyYWdtZW50ID0gZG9jdW1lbnQuY3JlYXRlRG9jdW1lbnRGcmFnbWVudCgpOwoKICAgICAgICAgICAgLy8gQWRkIDEwMCBsaXN0IGl0ZW1zIHRvIHRoZSBmcmFnbWVudAogICAgICAgICAgICBmb3IgKGxldCBpID0gMTsgaSA8PSAxMDA7IGkrKykgewogICAgICAgICAgICAgICAgY29uc3QgbGlzdEl0ZW0gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsaScpOwogICAgICAgICAgICAgICAgbGlzdEl0ZW0udGV4dENvbnRlbnQgPSBgSXRlbSAke2l9YDsKICAgICAgICAgICAgICAgIGZyYWdtZW50LmFwcGVuZENoaWxkKGxpc3RJdGVtKTsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLy8gQXBwZW5kIHRoZSBmcmFnbWVudCB0byB0aGUgaXRlbSBsaXN0CiAgICAgICAgICAgIGl0ZW1MaXN0LmFwcGVuZENoaWxkKGZyYWdtZW50KTsKICAgICAgICB9KTsKICAgIDwvc2NyaXB0Pgo8L2JvZHk-CjwvaHRtbD4&lang=html
Propiedades de nodo: tipo, etiqueta y contenidoshttps://es.w3docs.com/learn-javascript/node-properties-type-tag-and-contents
Seleccionar elementos del DOMhttps://es.w3docs.com/learn-javascript/selecting-dom-elements
Recorrer el DOMhttps://es.w3docs.com/learn-javascript/traversing-the-dom
Manipulación del DOMhttps://es.w3docs.com/learn-javascript/dom-manipulation
← PreviousIntroducción al DOMhttps://es.w3docs.com/learn-javascript/javascript-html-dom
Next →Seleccionar elementos del DOMhttps://es.w3docs.com/learn-javascript/selecting-dom-elements
Comprendiendo los nodos del DOMhttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes#comprendiendo-los-nodos-del-dom
Manipulación de nodos del DOMhttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes#manipulación-de-nodos-del-dom
Buenas prácticas y consejoshttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes#buenas-prácticas-y-consejos
Nodos del DOM vs. árboles del DOMhttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes#nodos-del-dom-vs-árboles-del-dom
Conclusiónhttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes#conclusión
Prácticahttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes#práctica
https://x.com/w3docs
https://github.com/w3docs
https://linkedin.com/company/w3docs
Aprender HTMLhttps://es.w3docs.com/learn-html
Aprender CSShttps://es.w3docs.com/learn-css
Aprender JavaScripthttps://es.w3docs.com/learn-javascript
Aprender Githttps://es.w3docs.com/learn-git
Aprender Javahttps://es.w3docs.com/learn-java
Aprender PHPhttps://es.w3docs.com/learn-php
Aprender Pythonhttps://es.w3docs.com/learn-python
Ejercicioshttps://es.w3docs.com/exercise
Cuestionarioshttps://es.w3docs.com/quiz
Editor Try-ithttps://es.w3docs.com/tools/editor
HTML Editorhttps://es.w3docs.com/tools/editor
Password Generatorhttps://es.w3docs.com/tools/password-generator
HTML Encoderhttps://es.w3docs.com/tools/html-encoder
Code Diffhttps://es.w3docs.com/tools/code-diff
JSON Beautifierhttps://es.w3docs.com/tools/json-beautify
Acerca dehttps://es.w3docs.com/about
Contactohttps://es.w3docs.com/contact
Política de Privacidadhttps://es.w3docs.com/privacy
Englishhttps://www.w3docs.com/learn-javascript/understanding-the-dom-nodes
Deutschhttps://de.w3docs.com/learn-javascript/understanding-the-dom-nodes
Русскийhttps://ru.w3docs.com/learn-javascript/understanding-the-dom-nodes
Françaishttps://fr.w3docs.com/learn-javascript/understanding-the-dom-nodes
Españolhttps://es.w3docs.com/learn-javascript/understanding-the-dom-nodes
Portuguêshttps://pt.w3docs.com/learn-javascript/understanding-the-dom-nodes
Italianohttps://it.w3docs.com/learn-javascript/understanding-the-dom-nodes

Viewport: width=device-width, initial-scale=1

URLs of crawlers that visited me.