Document Object Model

D es para el documento

El modelo de objetos de documento no puede funcionar sin un documento. Cuando se crea una página web y la carga en un navegador web, el DOM mueve en la vida. Toma el documento que usted ha escrito y lo convierte en un objeto. En Inglés cotidiana normal, la palabra "objeto" no es muy descriptivo. Simplemente quiere decir nada. En los lenguajes de programación, por otra parte, "objeto" tiene un significado muy específico.

Los objetos del deseo

Al final del último artículo, me mostró algunos ejemplos de objetos en JavaScript. Usted recordará que los objetos son autónomos paquetes de datos. Las variables asociadas con un objeto se llama propiedades del objeto, mientras que se denominan funciones que pueden ser ejecutadas por un objeto métodos del objeto. Existen tres tipos de objetos en JavaScript: definidos por el usuario los objetos creados desde cero por el programador. No vamos a tratar con ellos. Nativos como objetos Array, Matemáticas, y Fecha en la que están integradas en JavaScript. Anfitriona objetos que son proporcionados por el navegador.

No es de extrañar JavaScript tiene una mala reputación! Afortunadamente, no tendrá que lidiar con el Modelo de Objetos del Navegador mucho. En cambio, me voy a enfocar en lo que está dentro de la ventana del navegador. El objeto que controla el contenido de una página web es el objeto de documento. Para el resto de este artículo, vamos a tratar casi exclusivamente con las propiedades y los métodos del objeto de documento. Eso explica la letra "D" (documento) y la letra O (objeto) en el DOM. Pero ¿qué pasa con la letra M?

Dial M para el modelo

La M en DOM significa modelo, pero bien podría estar para el Mapa. Un modelo, como un mapa, es una representación de algo. Un tren modelo representa un tren real. Un mapa de calles de una ciudad representa a la ciudad real. El modelo de objetos de documento representa la página web que está cargado en la ventana del navegador. El navegador proporciona un mapa (o modelo) de la página. Usted puede utilizar JavaScript para leer el mapa. Mapas de hacer uso de las convenciones como la dirección, los contornos, y la escala. Para leer un mapa, es necesario comprender estos convenios-y es el mismo con el Document Object Model. Con el fin de obtener información del modelo, es necesario comprender lo que las convenciones se utilizan para representar el documento. La convención más importante utilizado en el Modelo de Objetos del Documento es la representación de un documento como un árbol.

Más concretamente, el documento es representado como un árbol genealógico. Un árbol de la familia es otro ejemplo de un modelo. Un árbol de la familia representa una verdadera familia, describe las relaciones entre los miembros de la familia, y utiliza las convenciones, como la padres, niño pequeño, y hermano. Estos pueden ser usados para representar algunas relaciones bastante complejo: un miembro de una familia puede ser un padre a los demás, mientras que también es el hijo de otro miembro de la familia, y el hermano de otro miembro de la familia. El modelo de árbol de la familia funciona igual de bien en la representación de un documento escrito en (X) HTML. métodos proporcionados por el modelo de objetos de documento:

getElementById

getElementsByTagName

getAttribute

setAttribute

Estos cuatro métodos serán los pilares básicos para muchos de los scripts DOM vas a escribir. El DOM ofrece muchos más métodos y propiedades. Hay nodeName, nodeValue, childNodes, nextSibling, y parentNode, por nombrar sólo algunos. Pero yo no voy a explicar-los que todavía I'Ll explicar cada uno de ellos a su vez como y cuando sea necesario. Estoy mencionar ahora sólo para estimular su apetito. Has leído a través de una gran cantidad de teoría en este artículo. Espero que ahora que estás ansioso por probar el poder de la DOM usando algo más que cajas de alerta. Creo que es hora de que aplica el DOM a un estudio de caso.

un artículo presentado por Jacques Goudreau

Descargo de responsabilidad:Nuestro sitio web no es responsable por el contenido de este artículo. Webarticles es un recurso de información gratuito.
Importante: Este artículo "Document Object Model" fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión.