Fisica

REPUBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA DEFENSA

UNIVERSIDAD NACIONAL EXPERIMENTAL DE LA FUERZA ARMADA
NUCLEO CHUAO CARACAS
INGENIERIA EN SISTEMAS
LENGUAJE DE PROGRAMACION II
5TO SEMESTRE D01
ARBOL DOM
Profesor: Alumno:
Ing. Jhony Grillet Vicencio Penott

C.I 20781042
Caracas, 16 de marzo del 2017.

Arbol DOM.
DOM o Document Object Model es un conjunto de utilidades especficamente

diseadas para manipular documentos XML. Por extensin, DOM tambin se
puede utilizar para manipular documentos XHTML y HTML. Tcnicamente, DOM
es una API de funciones que se pueden utilizar para manipular las pginas
XHTML de forma rpida y eficiente.
Antes de poder utilizar sus funciones, DOM transforma internamente el archivo

XML original en una estructura ms fcil de manejar formada por una jerarqua
de nodos. De esta forma, DOM transforma el cdigo XML en una serie de nodos
interconectados en forma de rbol.
El rbol generado no slo representa los contenidos del archivo original

(mediante los nodos del rbol) sino que tambin representa sus relaciones
(mediante las ramas del rbol que conectan los nodos).
Aunque en ocasiones DOM se asocia con la programacin web y con JavaScript,

la API de DOM es independiente de cualquier lenguaje de programacin. De
hecho, DOM est disponible en la mayora de lenguajes de programacin
comnmente empleados.
Si se considera la siguiente pgina HTML sencilla:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pgina sencilla</title>
</head>
<body>
<p>Esta pgina es <strong>muy sencilla</strong></p>
</body>
</html>
Antes de poder utilizar las funciones de DOM, los navegadores convierten

automticamente la pgina HTML anterior en la siguiente estructura de rbol de
nodos:
Representacin en forma de rbol de la pgina HTML de ejemplo
La ventaja de emplear DOM es que permite a los programadores disponer de un

control muy preciso sobre la estructura del documento HTML o XML que estn
manipulando. Las funciones que proporciona DOM permiten aadir, eliminar,
modificar y reemplazar cualquier nodo de cualquier documento de forma sencilla.
La primera especificacin de DOM DOM Level 1) se defini en 1998 y permiti

homogeneizar la implementacin del DHTML o HTML dinmico en los diferentes
navegadores, ya que permita modificar el contenido de las pginas web sin
necesidad de recargar la pgina entera.
Los documentos XML y HTML tratados por DOM se convierten en una jerarqua
de nodos. Los nodos que representan los documentos pueden ser de diferentes
tipos. A continuacin se detallan los tipos ms importantes:
Document: es el nodo raz de todos los documentos HTML y XML. Todos los
dems nodos derivan de l.
DocumentType: es el nodo que contiene la representacin del DTD empleado en

la pgina (indicado mediante el DOCTYPE).
Element: representa el contenido definido por un par de etiquetas de apertura y

cierre (<etiqueta>...</etiqueta>) o de una etiqueta abreviada que se abre y se
cierra a la vez (<etiqueta/>). Es el nico nodo que puede tener tanto nodos hijos
como atributos.
Su representacin como rbol de nodos DOM es la siguiente:
El nodo raz siempre es el nodo de tipo Document, del que derivan todos los
dems nodos del documento. Este nodo es comn para todas las pginas HTML
y todos los documentos XML. A continuacin se incluye la etiqueta
<clientes>...</clientes>. Como se trata de una etiqueta, DOM la transforma en un
nodo de tipo Element. Adems, como la etiqueta encierra a todos los dems
elementos de la pgina, el nodo Clientes de tipo Element deriva directamente de
Document y todos los dems nodos del documento derivan de ese nodo.
Document Object Properties and Methods
The following properties and methods can be used on HTML documents:
Property / Method Description
document.activeElement Returns the currently focused element in the

document
document.addEventListener() Attaches an event handler to the document
document.adoptNode() Adopts a node from another document
document.anchors Returns a collection of all <a> elements in the

document that have a name attribute
document.applets Returns a collection of all <applet> elements in

the document
document.baseURI Returns the absolute base URI of a document
document.body Sets or returns the document's body (the

<body> element)
document.close() Closes the output stream previously opened with

document.open()
document.cookie Returns all name/value pairs of cookies in the

document
document.charset Deprecated. Usedocument.characterSet instead.

Returns the character encoding for the
document
document.characterSet Returns the character encoding for the

document
document.createAttribute() Creates an attribute node

document.createComment() Creates a Comment node with the specified text
document.createDocumentFragment() Creates an empty DocumentFragment node
document.createElement() Creates an Element node
document.createTextNode() Creates a Text node
document.doctype Returns the Document Type Declaration

associated with the document
document.documentElement Returns the Document Element of the document

(the <html> element)
document.documentMode Returns the mode used by the browser to render

the document
document.documentURI Sets or returns the location of the document
document.domain Returns the domain name of the server that

loaded the document
document.domConfig Obsolete. Returns the DOM configuration of the

document
document.embeds Returns a collection of all <embed> elements

the document
document.forms Returns a collection of all <form> elements in

the document
document.getElementById() Returns the element that has the ID attribute

with the specified value
document.getElementsByClassName() Returns a NodeList containing all elements with

the specified class name
document.getElementsByName() Returns a NodeList containing all elements with

a specified name
document.getElementsByTagName() Returns a NodeList containing all elements with
the specified tag name
document.hasFocus() Returns a Boolean value indicating whether the

document has focus
document.head Returns the <head> element of the document
document.images Returns a collection of all <img> elements in the

document
document.implementation Returns the DOMImplementation object that

handles this document
document.importNode() Imports a node from another document
document.inputEncoding Returns the encoding, character set, used for

the document
document.lastModified Returns the date and time the document was

last modified
document.links Returns a collection of all <a> and <area>

elements in the document that have a href
attribute
document.normalize() Removes empty Text nodes, and joins adjacent

nodes
document.normalizeDocument() Removes empty Text nodes, and joins adjacent

nodes
document.open() Opens an HTML output stream to collect output

from document.write()
document.querySelector() Returns the first element that matches a

specified CSS selector(s) in the document
document.querySelectorAll() Returns a static NodeList containing all elements

that matches a specified CSS selector(s) in the
document
document.readyState Returns the (loading) status of the document
document.referrer Returns the URL of the document that loaded

the current document
document.removeEventListener() Removes an event handler from the document

(that has been attached with
the addEventListener() method)
document.renameNode() Renames the specified node
document.scripts Returns a collection of <script> elements in the

document
document.strictErrorChecking Sets or returns whether error-checking is

enforced or not
document.title Sets or returns the title of the document
document.URL Returns the full URL of the HTML document
document.write() Writes HTML expressions or JavaScript code to

a document
document.writeln() Same as write(), but adds a newline character

after each statement

Fisica

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Fisica

Cargado por

Copyright:

Formatos disponibles

REPUBLICA BOLIVARIANA DE VENEZUELA

MINISTERIO DEL PODER POPULAR PARA LA DEFENSA

Ing. Jhony Grillet Vicencio Penott

Caracas, 16 de marzo del 2017.

DOM o Document Object Model es un conjunto de utilidades especficamente

Antes de poder utilizar sus funciones, DOM transforma internamente el archivo

El rbol generado no slo representa los contenidos del archivo original

Aunque en ocasiones DOM se asocia con la programacin web y con JavaScript,

Si se considera la siguiente pgina HTML sencilla:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Antes de poder utilizar las funciones de DOM, los navegadores convierten

Representacin en forma de rbol de la pgina HTML de ejemplo

La ventaja de emplear DOM es que permite a los programadores disponer de un

La primera especificacin de DOM DOM Level 1) se defini en 1998 y permiti

DocumentType: es el nodo que contiene la representacin del DTD empleado en

Element: representa el contenido definido por un par de etiquetas de apertura y

Su representacin como rbol de nodos DOM es la siguiente:

The following properties and methods can be used on HTML documents:

Property / Method Description

document.activeElement Returns the currently focused element in the

document.addEventListener() Attaches an event handler to the document

document.adoptNode() Adopts a node from another document

document.anchors Returns a collection of all <a> elements in the

document.applets Returns a collection of all <applet> elements in

document.baseURI Returns the absolute base URI of a document

document.body Sets or returns the document's body (the

document.close() Closes the output stream previously opened with

document.cookie Returns all name/value pairs of cookies in the

document.charset Deprecated. Usedocument.characterSet instead.

document.characterSet Returns the character encoding for the

document.createAttribute() Creates an attribute node

document.createDocumentFragment() Creates an empty DocumentFragment node

document.createElement() Creates an Element node

document.createTextNode() Creates a Text node

document.doctype Returns the Document Type Declaration

document.documentElement Returns the Document Element of the document

document.documentMode Returns the mode used by the browser to render

document.documentURI Sets or returns the location of the document

document.domain Returns the domain name of the server that

document.domConfig Obsolete. Returns the DOM configuration of the

document.embeds Returns a collection of all <embed> elements

document.forms Returns a collection of all <form> elements in

document.getElementById() Returns the element that has the ID attribute

document.getElementsByClassName() Returns a NodeList containing all elements with

document.getElementsByName() Returns a NodeList containing all elements with

document.hasFocus() Returns a Boolean value indicating whether the

document.head Returns the <head> element of the document

document.images Returns a collection of all <img> elements in the

document.implementation Returns the DOMImplementation object that

document.importNode() Imports a node from another document

document.inputEncoding Returns the encoding, character set, used for

document.lastModified Returns the date and time the document was

document.links Returns a collection of all <a> and <area>

document.normalize() Removes empty Text nodes, and joins adjacent

document.normalizeDocument() Removes empty Text nodes, and joins adjacent

document.open() Opens an HTML output stream to collect output

document.querySelector() Returns the first element that matches a

document.querySelectorAll() Returns a static NodeList containing all elements

document.readyState Returns the (loading) status of the document

document.referrer Returns the URL of the document that loaded

document.removeEventListener() Removes an event handler from the document

document.renameNode() Renames the specified node