Acceso al DOM en PHP: tipos de nodos y propiedades de window

Enviado por Chuletator online y clasificado en Informática y Telecomunicaciones

Escrito el en español con un tamaño de 4,45 KB

DOM EN PHP

DOM o "Modelo de Objetos del Documento" como "una interfaz de programación de aplicaciones (API) para documentos HTML y XML." Es decir es la base o programa base sobre la que se construyen los documentos de HTML y XML.

Existen varias soluciones para acceder a los elementos del DOM desde PHP, sin trabajar directamente con JavaScript:

Tipos de nodos

Aunque existen 12 tipos de nodos en realidad en las páginas web sólo tenemos los 5 siguientes:

  • Document: nodo raiz del que derivan todos los demas.
  • Element: Cada una de las etiquetas HTML. Es el unico nodo que puede contener atributos y del que pueden derivar otros nodos.
  • Attr; Cada atributo de una etiqueta genera un nodo Attr, el cual contiene también su valor (como una propiedad). Es hijo del nodo element (etiqueta) que lo contiene.
  • Text: Contiene el texto encerrado por una etiqueta HTML (hijo del nodo Element).
  • Comment: Los comentarios incluidos en la página HTML también generan sus nodos.

Los demás tipos de nodos son: CDATASection, EntityReference, Entity, ProcessingInstruction, DocumentType, DocumentFragment, Notation. Estos se usan en el lenguaje XML, pero en HTML, si se emplean, suelen ser elementos fijos bastante definidos (etiqueta Doctype, caracteres de escape, etc). Veamos cuáles son estos nodos:

  • CDatasection : Nodo que puede contener caracteres de escape escritos normalmente.
  • DocumentType : Declaración o etiqueta Doctype.
  • DocumentFragment: Fragmento o porción del arbol del DOM: Aunque no aparece en el documento HTML permite a Javascript (mediante los métodos del DOM) seleccionar un trozo del documento.
  • Entity: Caracter de escape o Entidad en XML.
  • EntityReference: Referencia a entidad XML.
  • ProcessingInstrution: Instrucciones de procesamiento.
  • Notation: Anotaciones parecido a "comment", pero puede salir en pantalla en XML.

Propiedades de window

Del objeto Window dependen directamente como propiedades una serie de objetos, que pueden proporcionarnos información no sólo sobre el DOM sino también sobre el navegador, y otros aspectos de la página. Podemos accecer a ellos directamente con javascript, con sólo igualarlos a una variable para utilizarlos luego (por ejemplo sacandolos en pantalla).

Algunas de estas propiedades ya las hemos visto en el manual de javascript, otras puede que no nos suenen tanto. Dejando a un lado el objeto document, que veremos más adelante, las propiedades de window son:

  • closed : Devuelve un valor booleano que indica si la ventana está cerrada (true) o no (false). (solo lectura)
  • defaultStatus : Devuelve el texto de la barra de estado. Permite también escritura (cambiar el texto de la barra de estado)
  • frames : Devuelve un array con todos los frames (incluidos iframes) de la ventana actual.
  • history : accede al historial de páginas del navegador. Este objeto posee las siguientes propiedades y métodos:
    • length : Esta propiedad devuelve el numero de direcciones URL que hay en el historial.
    • back() : Método que carga en el navegador la página anterior, es como ir hacia atrás con las flechas de la barra de navegación.
    • forward() : Metodo que carga en el navegador la página siguiente del historial.
    • go() : A este método le pasamos como parámetro un número entero (positivo o negativo) que indica el número de páginas hacia adelante o atras que se mueve en el historial. El método cargará la página indicada.
  • innerHeight : Devuelve el valor de la altura de la ventana interior del navegador.
  • innerWidth : Devuelve el valor de la anchura de la ventana interior del navegador.
  • length : Devuelve el número de frames (incluidos iframes) que tiene la página.
  • location : Contiene información sobre la URL del usuario. Este objeto posee los siguientes métodos y propiedades:
    • hash : Devuelve el enlace con el que se ha abierto la URL.
    • host : Devuelve nombre del host y puerto URL.
    • hostname : Devuelve el nombre del host de la URL.
    • href : Devuelve la dirección URL completa.
    • pathname : Devuelve nombre de la URL
    • port : Devuelve el puerto de la URL

Entradas relacionadas:

Etiquetas:
DOM PHP nodos propiedades