Contenidos
Dom methods
6 min readWhat is DOM: Document Object ModelDo you already know what is DOM? It is a hierarchy stored in memory that contains all of your website elements in real-time. DOM Manipulation is the most popular activity for any front-end developer. The DOM brings your applications to life!Beyond the Console!
As you know already, the responsibility of the browser is to transform HTML/CSS code into visual elements. Those elements are mapped into a hierarchy that is stored in RAM memory and it’s called The DOM.
There are several ways to manipulate the DOM, but the most simple one is document.write. Every time you create a document.write you will be writing onto the HTML whatever string you decide to pass as a parameter to the write function.
As you already know, each element in the HTML document can have some sort of HTML content. It does not matter if it is a <P>, <DIV>,<A> or any other HTML element; it can have its own innerHTML combined with more HTML content.
The removeChild function is great to remove an element from the DOM, and, consequentially, from the HTML document as well. You will have to specify who is the parent of the element that you are trying to delete.
Qué es dom en javascript
Todas las propiedades, métodos y eventos disponibles para manipular y crear páginas web están organizados en objetos. Por ejemplo, el objeto documento que representa al propio documento, cualquier objeto tabla que implemente la interfaz DOM HTMLTableElement para acceder a las tablas HTML, etc., son todos objetos.
Cuando creas un script, ya sea en línea en un elemento <script> o incluido en la página web, puedes empezar a utilizar inmediatamente la API de los objetos documento o ventana para manipular el propio documento, o cualquiera de los distintos elementos de la página web (los elementos descendientes del documento). Tu programación en el DOM puede ser algo tan simple como el siguiente ejemplo, que muestra un mensaje en la consola utilizando la función console.log():
Tipos de datos fundamentalesEsta página trata de describir los distintos objetos y tipos en términos sencillos. Pero hay una serie de tipos de datos diferentes que se pasan por la API y que debes conocer.
Nota: Dado que la gran mayoría del código que utiliza el DOM gira en torno a la manipulación de documentos HTML, es común referirse a los nodos del DOM como elementos, aunque estrictamente hablando no todos los nodos son elementos.
Programación de Dom
Un objeto Document representa el documento HTML que se muestra en esa ventana. El objeto Document tiene varias propiedades que hacen referencia a otros objetos que permiten acceder y modificar el contenido del documento.
La forma en que se accede y se modifica el contenido de un documento se denomina Modelo de Objetos del Documento, o DOM. Los objetos se organizan en una jerarquía. Esta estructura jerárquica se aplica a la organización de los objetos en un documento web.
Si quieres escribir un script con la flexibilidad de usar el DOM del W3C o el DOM de IE 4 dependiendo de su disponibilidad, entonces puedes usar un enfoque de prueba de capacidad que primero comprueba la existencia de un método o propiedad para determinar si el navegador tiene la capacidad que deseas. Por ejemplo
Modelo de objetos del documento
Este artículo incluye una lista de referencias generales, pero carece de las correspondientes citas en línea. Por favor, ayude a mejorar este artículo introduciendo citas más precisas. (Agosto de 2010) (Aprende cómo y cuándo eliminar este mensaje de la plantilla)
El Modelo de Objetos del Documento (DOM) es una interfaz multiplataforma e independiente del lenguaje que trata un documento XML o HTML como una estructura de árbol en la que cada nodo es un objeto que representa una parte del documento. El DOM representa un documento con un árbol lógico. Cada rama del árbol termina en un nodo, y cada nodo contiene objetos. Los métodos del DOM permiten el acceso programático al árbol; con ellos se puede cambiar la estructura, el estilo o el contenido de un documento. Los nodos pueden tener manejadores de eventos asociados a ellos. Una vez que se desencadena un evento, los manejadores de eventos se ejecutan[2].
La estandarización principal del DOM corrió a cargo del Consorcio de la World Wide Web (W3C), que desarrolló una recomendación por última vez en 2004. El WHATWG asumió el desarrollo del estándar, publicándolo como un documento vivo. El W3C publica ahora instantáneas estables del estándar del WHATWG.