Manipulación de elementos en JavaScript

Manipulación dinamica. BOM vs DOM en JavaScript

  • Objeto window representa una o varias ventanas abierta por navegador.
  • Podemos acceder al historico de navegación.
  • Internet Explorer aún soporta document.all, aún que indica en ultimas versiones que no lo hace.
  • opener: devuelve una referencia a la ventana desde la cuál se ha abierto.
  • pageXOffset y pageYOffset. Posiciones de desplazamiento para dejar un objeto siempre visible.
  • Por seguridad codigo JS tiene que coincidir dominio y puerto para funcionar.
  • postMessage para comunicación entre ventanas.
  • find: busca el texto indicado en el documento actual y destaca los fragmentos encontrados.
  • objeto history (length – número de entradas): back, forward, go.
  • objeto navigator (appVersion, userAgent, javaEnabled(), plugins, mimeTypes, platform, cookieEnabled).
  • screen (tamaños de pantalla, dpi’s, etc).
  • document.Open/Close y writeln para mostrar texto nuevo.
  • querySelectorAll devuelve coleccion estatica que es mas lento que colecion dinamica getElementBy*.
  • Mejor no usar += en innerHtml. Sino recargamos la pagina varias veces.
  • Modificación del DOM: createElement, createtextNode, cloneNode, appendChild, insertBefore, removeChild, replaceChild.
  • Añadir nuevo elemento: document.body.appendChild(nuevoDiv);

Leave a Reply

Your email address will not be published. Required fields are marked *