{"id":3632,"date":"2022-07-21T15:59:47","date_gmt":"2022-07-21T13:59:47","guid":{"rendered":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?p=3632"},"modified":"2026-05-20T11:10:14","modified_gmt":"2026-05-20T09:10:14","slug":"dom","status":"publish","type":"post","link":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom","title":{"rendered":"\u00bfQu\u00e9 es DOM? Propiedades, M\u00e9todos y Ejemplos de uso"},"content":{"rendered":"\r\n<p>En este art\u00edculo, hablar\u00e9 sobre el <strong>DOM<\/strong> (<strong>Document Object Model,<\/strong> o, en espa\u00f1ol, modelo de objetos del documento) junto con sus <strong>propiedades y m\u00e9todos<\/strong> utilizados para manipular documentos y una serie de <strong>ejemplos<\/strong> para comprender su funcionamiento.<\/p>\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#%C2%BFQue_es_DOM\" title=\"\u00bfQu\u00e9 es DOM?\">\u00bfQu\u00e9 es DOM?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#%C2%BFPor_que_es_importante\" title=\"\u00bfPor qu\u00e9 es importante?\">\u00bfPor qu\u00e9 es importante?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#Estructura_del_DOM\" title=\"Estructura del DOM\">Estructura del DOM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#Propiedades_y_metodos_DOM\" title=\"Propiedades y m\u00e9todos DOM\">Propiedades y m\u00e9todos DOM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#Ejemplos_de_uso\" title=\"Ejemplos de uso\">Ejemplos de uso<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#Ejemplo_1\" title=\"Ejemplo 1\">Ejemplo 1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#Ejemplo_2\" title=\"Ejemplo 2\">Ejemplo 2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#Ejemplo_3\" title=\"Ejemplo 3\">Ejemplo 3<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#Importancia_del_uso_del_DOM\" title=\"Importancia del uso del DOM\">Importancia del uso del DOM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\/#Preguntas_frecuentes_sobre_DOM_en_programacion_web\" title=\"Preguntas frecuentes sobre DOM en programaci\u00f3n web\">Preguntas frecuentes sobre DOM en programaci\u00f3n web<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_DOM\"><\/span>\u00bfQu\u00e9 es DOM?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>El modelo de objetos del documento (<strong>DOM<\/strong>) es una interfaz de programaci\u00f3n para documentos <strong>HTML<\/strong> (lenguaje de marcado de hipertexto) y documentos <strong>XML<\/strong> (lenguaje de marcado extensible).<\/p>\r\n<p>Define la <strong>estructura l\u00f3gica<\/strong> de los documentos y la forma en que se accede y manipula un documento. Se llama estructura l\u00f3gica porque DOM no especifica ninguna relaci\u00f3n entre objetos.<\/p>\r\n<p>Es una forma de <strong>representar la p\u00e1gina web de una manera jer\u00e1rquica<\/strong> estructurada para que sea m\u00e1s f\u00e1cil para los programadores y usuarios navegar por el documento.<\/p>\r\n<p>DOM permite <strong>acceder y manipular<\/strong> f\u00e1cilmente etiquetas, ID, clases, atributos o elementos de HTML utilizando comandos o m\u00e9todos proporcionados por el objeto del documento.<\/p>\r\n<p>Adem\u00e1s, gracias a su uso, <strong>JavaScript<\/strong> obtiene acceso al HTML y CSS de la p\u00e1gina web y se puede agregar comportamiento a los diferentes elementos HTML.<\/p>\r\n<p>Por lo tanto, podr\u00eda decirse que DOM es, b\u00e1sicamente, una <strong>API<\/strong> que representa e interact\u00faa con documentos programados en HTML o XML.<\/p>\r\n<h3><span class=\"ez-toc-section\" id=\"%C2%BFPor_que_es_importante\"><\/span>\u00bfPor qu\u00e9 es importante?<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<p><strong>HTML<\/strong> se utiliza para <strong>estructurar<\/strong> las p\u00e1ginas web y <strong>Javascript<\/strong> para agregar <strong>comportamiento y dinamismo<\/strong> a las mismas.<\/p>\r\n<p>Cuando se carga un archivo HTML en el navegador, Javascript no puede entender el c\u00f3digo HTML directamente. Entonces, se crea un documento correspondiente, DOM, qu\u00e9 es b\u00e1sicamente la representaci\u00f3n del mismo documento HTML pero en un formato diferente con el uso de objetos.<\/p>\r\n<p><strong>Javascript interpreta DOM f\u00e1cilmente<\/strong>, es decir, no puede entender las etiquetas, por ejemplo, h1 en un documento HTML pero puede entender el objeto h1 en DOM y acceder utilizando diferentes funciones o m\u00e9todos.<\/p>\r\n<p style=\"text-align: center;\"><em><strong>Lee m\u00e1s sobre: <a href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/\">Maquetaci\u00f3n web, estructura, claridad y orden en cada l\u00ednea de c\u00f3digo<\/a><\/strong><\/em><\/p>\r\n<h2><span class=\"ez-toc-section\" id=\"Estructura_del_DOM\"><\/span>Estructura del DOM<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>La <strong>estructura<\/strong> del DOM se puede representar como un <strong>\u00e1rbol<\/strong> o un bosque en la que cada rama del \u00e1rbol termina en un nodo, y cada nodo contiene objetos.<\/p>\r\n<p>Los detectores de eventos se pueden agregar a los nodos y activarse cuando ocurre un evento determinado.<\/p>\r\n<p>Una propiedad importante de los modelos de estructura DOM es el <strong>isomorfismo estructural<\/strong>, es decir, si se utilizan dos implementaciones de DOM cualesquiera para crear una representaci\u00f3n del mismo documento, crear\u00e1n el mismo modelo de estructura, precisamente con los mismos objetos y relaciones.<\/p>\r\n<p>Los documentos se modelan usando <strong>objetos<\/strong>, y el modelo incluye no solo la estructura de un documento sino tambi\u00e9n su comportamiento y los objetos que lo componen como elementos de etiqueta con atributos en HTML.<\/p>\r\n<h2><span class=\"ez-toc-section\" id=\"Propiedades_y_metodos_DOM\"><\/span>Propiedades y m\u00e9todos DOM<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Veamos las <strong>propiedades<\/strong> a las que el DOM puede <strong>acceder y modificar<\/strong>.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3634\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Propiedades-DOM.png\" alt=\"Propiedades DOM\" width=\"500\" height=\"300\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Propiedades-DOM.png 500w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Propiedades-DOM-175x105.png 175w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\r\n<ul>\r\n<li><strong>Window<\/strong>: el objeto window es un objeto del navegador que siempre est\u00e1 en la parte superior de la jerarqu\u00eda. Es como una API que se utiliza para configurar y acceder a todas las propiedades y m\u00e9todos del navegador. Es creado autom\u00e1ticamente por el navegador.<\/li>\r\n<li><strong>Document<\/strong>: cuando se carga un documento HTML en una ventana, se convierte en un objeto documento. El objeto document tiene varias propiedades que hacen referencia a otros objetos que permiten acceder y modificar el contenido de la p\u00e1gina web. Si es necesario acceder a cualquier elemento en una p\u00e1gina HTML, siempre comenzamos accediendo al objeto &#8216;document&#8217;.<\/li>\r\n<li><strong>Form<\/strong>: est\u00e1 representado por etiquetas de formulario .<\/li>\r\n<li><strong>Link<\/strong>: est\u00e1 representado por etiquetas de enlace .<\/li>\r\n<li><strong>Anchor<\/strong>: est\u00e1 representado por etiquetas href.<\/li>\r\n<li><strong>Form Control Element<\/strong>: el formulario puede tener muchos elementos de control, como campos de texto, botones, botones de radio, casillas de verificaci\u00f3n, etc.<\/li>\r\n<\/ul>\r\n<p>Adem\u00e1s, para acceder y modificar dichos par\u00e1metros se utilizan diferentes <strong>m\u00e9todos o funciones<\/strong>. Los m\u00e9todos disponibles son:<\/p>\r\n<ul>\r\n<li><strong>write (\u201cstring\u201d)<\/strong>: Escribe la cadena dada en el documento.<\/li>\r\n<li><strong>getElementById()<\/strong>: devuelve el elemento que tiene el valor de identificaci\u00f3n dado.<\/li>\r\n<li><strong>getElementsByName()<\/strong>: devuelve todos los elementos que tienen el valor del nombre dado.<\/li>\r\n<li><strong>getElementsByTagName()<\/strong>: devuelve todos los elementos que tienen el nombre de etiqueta dado.<\/li>\r\n<li><strong>getElementsByClassName()<\/strong>: devuelve todos los elementos que tienen el nombre de clase dado.<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Ejemplos_de_uso\"><\/span>Ejemplos de uso<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>A continuaci\u00f3n, mostrar\u00e9 3 ejemplos del uso de DOM para explicar, de forma pr\u00e1ctica, parte de su funcionamiento.<\/p>\r\n<h3><span class=\"ez-toc-section\" id=\"Ejemplo_1\"><\/span>Ejemplo 1<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<p>En este ejemplo, usaremos la identificaci\u00f3n del elemento HTML para encontrar el elemento DOM HTML.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3635\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-1.png\" alt=\"C\u00f3digo Ejemplo 1\" width=\"950\" height=\"508\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-1.png 950w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-1-175x94.png 175w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-1-768x411.png 768w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-1-600x321.png 600w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><\/p>\r\n<p>Resultado:<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3636\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-1.png\" alt=\"Resultado Ejemplo 1\" width=\"537\" height=\"179\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-1.png 537w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-1-175x58.png 175w\" sizes=\"(max-width: 537px) 100vw, 537px\" \/><\/p>\r\n<h3><span class=\"ez-toc-section\" id=\"Ejemplo_2\"><\/span>Ejemplo 2<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<p>Este ejemplo describe la representaci\u00f3n de los elementos HTML en la estructura de \u00e1rbol.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3637\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-2.png\" alt=\"C\u00f3digo Ejemplo 2\" width=\"464\" height=\"507\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-2.png 464w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-2-160x175.png 160w\" sizes=\"(max-width: 464px) 100vw, 464px\" \/><\/p>\r\n<p>Resultado:<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3638\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-2.png\" alt=\"Resultado Ejemplo 2\" width=\"500\" height=\"300\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-2.png 500w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-2-175x105.png 175w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\r\n<h3><span class=\"ez-toc-section\" id=\"Ejemplo_3\"><\/span>Ejemplo 3<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<p>Este ejemplo ilustra la manipulaci\u00f3n del DOM utilizando el m\u00e9todo <a href=\"https:\/\/www.w3schools.com\/jsref\/met_document_getelementbyid.asp\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong>getElementById()<\/strong><\/a>.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3639\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-3.png\" alt=\"C\u00f3digo Ejemplo 3\" width=\"950\" height=\"882\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-3.png 950w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-3-175x162.png 175w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-3-768x713.png 768w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Codigo-Ejemplo-3-600x557.png 600w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><\/p>\r\n<p>Resultado:<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3640\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-3.png\" alt=\"Resultado Ejemplo 3\" width=\"321\" height=\"164\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-3.png 321w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/Resultado-Ejemplo-3-175x89.png 175w\" sizes=\"(max-width: 321px) 100vw, 321px\" \/><\/p>\r\n<h2><span class=\"ez-toc-section\" id=\"Importancia_del_uso_del_DOM\"><\/span>Importancia del uso del DOM<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>En resumen, el <strong>DOM<\/strong> es un conjunto de instrucciones sobre c\u00f3mo construir una p\u00e1gina web espec\u00edfica. El DOM le indica al navegador <strong>c\u00f3mo representar el contenido de la p\u00e1gina web<\/strong>, y podemos editar el DOM a trav\u00e9s del c\u00f3digo fuente.<\/p>\r\n<p>Para el desarrollo web, el DOM es un componente fundamental y es imprescindible conocer su funcionamiento si desea convertirse en Programador <a href=\"https:\/\/www.inesem.es\/Master-En-Diseno-Web\" target=\"_blank\" rel=\"noopener\"><strong>Front-end<\/strong><\/a>, <strong>Back-end<\/strong> o <a href=\"https:\/\/www.inesem.es\/Master-Full-Stack-Developer\" target=\"_blank\" rel=\"noopener\"><strong>Full Stack<\/strong><\/a>.<\/p>\r\n<p>Si te ha gustado el art\u00edculo y quieres ver otros escritos por m\u00ed, puedes entrar a mi <a href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/rafael-marin\/\" target=\"_blank\" rel=\"noopener\"><strong>perfil<\/strong><\/a>.<\/p>\r\n\r\n<section style=\"max-width: 900px; margin: 30px auto; padding: 25px; background: #f7f9fb; border-radius: 16px; font-family: Arial, sans-serif;\">\r\n<h2 style=\"font-size: 28px; color: #12324a; margin-bottom: 20px; text-align: center;\"><span class=\"ez-toc-section\" id=\"Preguntas_frecuentes_sobre_DOM_en_programacion_web\"><\/span>Preguntas frecuentes sobre DOM en programaci\u00f3n web<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<details style=\"background: #ffffff; margin-bottom: 14px; padding: 18px; border-radius: 12px; border: 1px solid #dbe5ec;\">\r\n<summary style=\"font-size: 18px; font-weight: bold; color: #0b4f71; cursor: pointer;\">\u00bfQu\u00e9 es el DOM en programaci\u00f3n web?<\/summary>\r\n<p style=\"font-size: 16px; line-height: 1.6; color: #333; margin-top: 12px;\">El DOM, o Document Object Model, es una representaci\u00f3n estructurada de una p\u00e1gina web que permite a los lenguajes de programaci\u00f3n acceder y modificar elementos HTML y CSS. Gracias al DOM, JavaScript puede cambiar contenido, estilos o interacciones.<\/p>\r\n<\/details><details style=\"background: #ffffff; margin-bottom: 14px; padding: 18px; border-radius: 12px; border: 1px solid #dbe5ec;\">\r\n<summary style=\"font-size: 18px; font-weight: bold; color: #0b4f71; cursor: pointer;\">\u00bfPara qu\u00e9 sirve el DOM?<\/summary>\r\n<p style=\"font-size: 16px; line-height: 1.6; color: #333; margin-top: 12px;\">Sirve para manipular una p\u00e1gina web de forma din\u00e1mica: cambiar textos, a\u00f1adir elementos, validar formularios, responder a clics o actualizar secciones sin recargar toda la p\u00e1gina. Es b\u00e1sico para entender la interactividad web.<\/p>\r\n<\/details><details style=\"background: #ffffff; margin-bottom: 14px; padding: 18px; border-radius: 12px; border: 1px solid #dbe5ec;\">\r\n<summary style=\"font-size: 18px; font-weight: bold; color: #0b4f71; cursor: pointer;\">\u00bfQu\u00e9 relaci\u00f3n tiene el DOM con HTML y JavaScript?<\/summary>\r\n<p style=\"font-size: 16px; line-height: 1.6; color: #333; margin-top: 12px;\">HTML define la estructura de la p\u00e1gina, el navegador la convierte en DOM y JavaScript puede interactuar con esa estructura. Por eso, entender el DOM ayuda a conectar marcado, estilos y comportamiento en desarrollo frontend.<\/p>\r\n<\/details><details style=\"background: #ffffff; margin-bottom: 14px; padding: 18px; border-radius: 12px; border: 1px solid #dbe5ec;\">\r\n<summary style=\"font-size: 18px; font-weight: bold; color: #0b4f71; cursor: pointer;\">\u00bfQu\u00e9 es el virtual DOM?<\/summary>\r\n<p style=\"font-size: 16px; line-height: 1.6; color: #333; margin-top: 12px;\">El virtual DOM es una representaci\u00f3n ligera del DOM usada por algunas librer\u00edas y frameworks para optimizar cambios en la interfaz. Permite calcular diferencias antes de actualizar la p\u00e1gina real, mejorando rendimiento en ciertos casos.<\/p>\r\n<\/details><details style=\"background: #ffffff; margin-bottom: 14px; padding: 18px; border-radius: 12px; border: 1px solid #dbe5ec;\">\r\n<summary style=\"font-size: 18px; font-weight: bold; color: #0b4f71; cursor: pointer;\">\u00bfQu\u00e9 buenas pr\u00e1cticas seguir al manipular el DOM?<\/summary>\r\n<p style=\"font-size: 16px; line-height: 1.6; color: #333; margin-top: 12px;\">Conviene evitar cambios innecesarios, seleccionar elementos de forma eficiente, separar l\u00f3gica y presentaci\u00f3n, y cuidar accesibilidad. Manipular el DOM sin criterio puede afectar rendimiento, mantenibilidad y experiencia de usuario.<\/p>\r\n<\/details><\/section>\r\n<p><script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u00bfQu\u00e9 es el DOM en programaci\u00f3n web?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"El DOM, o Document Object Model, es una representaci\u00f3n estructurada de una p\u00e1gina web que permite a los lenguajes de programaci\u00f3n acceder y modificar elementos HTML y CSS. Gracias al DOM, JavaScript puede cambiar contenido, estilos o interacciones.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u00bfPara qu\u00e9 sirve el DOM?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Sirve para manipular una p\u00e1gina web de forma din\u00e1mica: cambiar textos, a\u00f1adir elementos, validar formularios, responder a clics o actualizar secciones sin recargar toda la p\u00e1gina. Es b\u00e1sico para entender la interactividad web.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u00bfQu\u00e9 relaci\u00f3n tiene el DOM con HTML y JavaScript?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"HTML define la estructura de la p\u00e1gina, el navegador la convierte en DOM y JavaScript puede interactuar con esa estructura. Por eso, entender el DOM ayuda a conectar marcado, estilos y comportamiento en desarrollo frontend.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u00bfQu\u00e9 es el virtual DOM?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"El virtual DOM es una representaci\u00f3n ligera del DOM usada por algunas librer\u00edas y frameworks para optimizar cambios en la interfaz. Permite calcular diferencias antes de actualizar la p\u00e1gina real, mejorando rendimiento en ciertos casos.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u00bfQu\u00e9 buenas pr\u00e1cticas seguir al manipular el DOM?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Conviene evitar cambios innecesarios, seleccionar elementos de forma eficiente, separar l\u00f3gica y presentaci\u00f3n, y cuidar accesibilidad. Manipular el DOM sin criterio puede afectar rendimiento, mantenibilidad y experiencia de usuario.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>El DOM permite que JavaScript acceda y modifique la estructura de una p\u00e1gina web. Conoce c\u00f3mo funciona y para qu\u00e9 sirve.<\/p>\n","protected":false},"author":90976,"featured_media":3641,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"class_list":["post-3632","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-redes-sistemas-y-seguridad"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>DOM: qu\u00e9 es y c\u00f3mo funciona en programaci\u00f3n<\/title>\n<meta name=\"description\" content=\"El DOM permite que JavaScript acceda y modifique la estructura de una p\u00e1gina web. Conoce c\u00f3mo funciona y para qu\u00e9 sirve.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DOM: qu\u00e9 es y c\u00f3mo funciona en programaci\u00f3n\" \/>\n<meta property=\"og:description\" content=\"El DOM permite que JavaScript acceda y modifique la estructura de una p\u00e1gina web. Conoce c\u00f3mo funciona y para qu\u00e9 sirve.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\" \/>\n<meta property=\"og:site_name\" content=\"Canal Inform\u00e1tica y TICS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-21T13:59:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-20T09:10:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1680\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rafael Mar\u00edn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inesem\" \/>\n<meta name=\"twitter:site\" content=\"@inesem\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafael Mar\u00edn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\"},\"author\":{\"name\":\"Rafael Mar\u00edn\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/ec323f7b4aed4a9f5ba04f2df32e0673\"},\"headline\":\"\u00bfQu\u00e9 es DOM? Propiedades, M\u00e9todos y Ejemplos de uso\",\"datePublished\":\"2022-07-21T13:59:47+00:00\",\"dateModified\":\"2026-05-20T09:10:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\"},\"wordCount\":1118,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg\",\"articleSection\":[\"Redes, Sistemas y Seguridad\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\",\"name\":\"DOM: qu\u00e9 es y c\u00f3mo funciona en programaci\u00f3n\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg\",\"datePublished\":\"2022-07-21T13:59:47+00:00\",\"dateModified\":\"2026-05-20T09:10:14+00:00\",\"description\":\"El DOM permite que JavaScript acceda y modifique la estructura de una p\u00e1gina web. Conoce c\u00f3mo funciona y para qu\u00e9 sirve.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#primaryimage\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg\",\"width\":1680,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Redes, Sistemas y Seguridad\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/categorias\/redes-sistemas-y-seguridad\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u00bfQu\u00e9 es DOM? Propiedades, M\u00e9todos y Ejemplos de uso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\",\"name\":\"Canal Inform\u00e1tica y TICS\",\"description\":\"Canal de Noticias gestionado por el Departamento Docente de Inform\u00e1tica y TICS de INESEM\",\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\",\"name\":\"Canal Inform\u00e1tica y TICS\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Canal Inform\u00e1tica y TICS\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\",\"https:\/\/x.com\/inesem\",\"http:\/\/www.linkedin.com\/company\/2370697\",\"https:\/\/www.youtube.com\/user\/inesembusinesschool\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/ec323f7b4aed4a9f5ba04f2df32e0673\",\"name\":\"Rafael Mar\u00edn\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2023\/11\/Foto-Claustro-Educa-Open-recortada-revista-digital-96x96.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2023\/11\/Foto-Claustro-Educa-Open-recortada-revista-digital-96x96.jpg\",\"caption\":\"Rafael Mar\u00edn\"},\"description\":\"Ingeniero T\u00e9cnico en Inform\u00e1tica de Sistemas. Amante de las nuevas tecnolog\u00edas, la creaci\u00f3n de aplicaciones y el desarrollo web. Desarrolla sus habilidades en el Departamento de Inform\u00e1tica de INESEM.\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/rafael-marin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"DOM: qu\u00e9 es y c\u00f3mo funciona en programaci\u00f3n","description":"El DOM permite que JavaScript acceda y modifique la estructura de una p\u00e1gina web. Conoce c\u00f3mo funciona y para qu\u00e9 sirve.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom","og_locale":"es_ES","og_type":"article","og_title":"DOM: qu\u00e9 es y c\u00f3mo funciona en programaci\u00f3n","og_description":"El DOM permite que JavaScript acceda y modifique la estructura de una p\u00e1gina web. Conoce c\u00f3mo funciona y para qu\u00e9 sirve.","og_url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom","og_site_name":"Canal Inform\u00e1tica y TICS","article_publisher":"https:\/\/www.facebook.com\/InesemBusinessSchool\/","article_published_time":"2022-07-21T13:59:47+00:00","article_modified_time":"2026-05-20T09:10:14+00:00","og_image":[{"width":1680,"height":1080,"url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg","type":"image\/jpeg"}],"author":"Rafael Mar\u00edn","twitter_card":"summary_large_image","twitter_creator":"@inesem","twitter_site":"@inesem","twitter_misc":{"Escrito por":"Rafael Mar\u00edn","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#article","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom"},"author":{"name":"Rafael Mar\u00edn","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/ec323f7b4aed4a9f5ba04f2df32e0673"},"headline":"\u00bfQu\u00e9 es DOM? Propiedades, M\u00e9todos y Ejemplos de uso","datePublished":"2022-07-21T13:59:47+00:00","dateModified":"2026-05-20T09:10:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom"},"wordCount":1118,"commentCount":2,"publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg","articleSection":["Redes, Sistemas y Seguridad"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom","name":"DOM: qu\u00e9 es y c\u00f3mo funciona en programaci\u00f3n","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#primaryimage"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg","datePublished":"2022-07-21T13:59:47+00:00","dateModified":"2026-05-20T09:10:14+00:00","description":"El DOM permite que JavaScript acceda y modifique la estructura de una p\u00e1gina web. Conoce c\u00f3mo funciona y para qu\u00e9 sirve.","breadcrumb":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#primaryimage","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM.jpg","width":1680,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/dom#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/"},{"@type":"ListItem","position":2,"name":"Redes, Sistemas y Seguridad","item":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/categorias\/redes-sistemas-y-seguridad"},{"@type":"ListItem","position":3,"name":"\u00bfQu\u00e9 es DOM? Propiedades, M\u00e9todos y Ejemplos de uso"}]},{"@type":"WebSite","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/","name":"Canal Inform\u00e1tica y TICS","description":"Canal de Noticias gestionado por el Departamento Docente de Inform\u00e1tica y TICS de INESEM","publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization","name":"Canal Inform\u00e1tica y TICS","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Canal Inform\u00e1tica y TICS"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/InesemBusinessSchool\/","https:\/\/x.com\/inesem","http:\/\/www.linkedin.com\/company\/2370697","https:\/\/www.youtube.com\/user\/inesembusinesschool\/"]},{"@type":"Person","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/ec323f7b4aed4a9f5ba04f2df32e0673","name":"Rafael Mar\u00edn","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/image\/","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2023\/11\/Foto-Claustro-Educa-Open-recortada-revista-digital-96x96.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2023\/11\/Foto-Claustro-Educa-Open-recortada-revista-digital-96x96.jpg","caption":"Rafael Mar\u00edn"},"description":"Ingeniero T\u00e9cnico en Inform\u00e1tica de Sistemas. Amante de las nuevas tecnolog\u00edas, la creaci\u00f3n de aplicaciones y el desarrollo web. Desarrolla sus habilidades en el Departamento de Inform\u00e1tica de INESEM.","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/rafael-marin"}]}},"autor_name":{"name":"Rafael Mar\u00edn"},"featured_image":{"attachment_meta":{"width":1680,"height":1080,"file":"2022\/07\/portada-DOM.jpg","sizes":{"medium":{"file":"portada-DOM-175x113.jpg","width":175,"height":113,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-175x113.jpg"},"large":{"file":"portada-DOM-1020x656.jpg","width":1020,"height":656,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-1020x656.jpg"},"thumbnail":{"file":"portada-DOM-345x180.jpg","width":345,"height":180,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-345x180.jpg"},"medium_large":{"file":"portada-DOM-768x494.jpg","width":768,"height":494,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-768x494.jpg"},"wysija-newsletters-max":{"file":"portada-DOM-600x386.jpg","width":600,"height":386,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-600x386.jpg"},"1536x1536":{"file":"portada-DOM-1536x987.jpg","width":1536,"height":987,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-1536x987.jpg"},"thumb-small":{"file":"portada-DOM-80x80.jpg","width":80,"height":80,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-80x80.jpg"},"thumb-standard":{"file":"portada-DOM-320x320.jpg","width":320,"height":320,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-320x320.jpg"},"thumb-medium":{"file":"portada-DOM-520x245.jpg","width":520,"height":245,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-520x245.jpg"},"thumb-large":{"file":"portada-DOM-720x340.jpg","width":720,"height":340,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-720x340.jpg"},"thumb-anteriores":{"file":"portada-DOM-230x163.jpg","width":230,"height":163,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-230x163.jpg"},"thumb-inverso":{"file":"portada-DOM-369x261.jpg","width":369,"height":261,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-369x261.jpg"},"thumb-cercano":{"file":"portada-DOM-650x200.jpg","width":650,"height":200,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-650x200.jpg"},"thumb-slider":{"file":"portada-DOM-574x430.jpg","width":574,"height":430,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-574x430.jpg"},"thumb-busqueda":{"file":"portada-DOM-580x375.jpg","width":580,"height":375,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-580x375.jpg"},"thumb-formacion-continua":{"file":"portada-DOM-440x336.jpg","width":440,"height":336,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-440x336.jpg"},"thumb-xlarge":{"file":"portada-DOM-980x450.jpg","width":980,"height":450,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-980x450.jpg"},"thumb-xxlarge":{"file":"portada-DOM-1320x500.jpg","width":1320,"height":500,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2022\/07\/portada-DOM-1320x500.jpg"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","keywords":[]}}},"_links":{"self":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts\/3632"}],"collection":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/users\/90976"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/comments?post=3632"}],"version-history":[{"count":0,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts\/3632\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/media\/3641"}],"wp:attachment":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/media?parent=3632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/categories?post=3632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}