Quizz: Trabajando con el DOM
May 13, 2009 | Español | By Crysfel | No CommentsEs hora de evaluar los conocimientos adquiridos sobre el DOM y como manipularlo de una manera sencilla utilizando el Framework de Ext JS. ¡Suerte!
Author: Crysfel
I'm a software developer with 6+ years of experience, when I'm not developing software I may be writing a tutorial, you can follow me on twitter
Excellent! You got the highest grade:
You had a few questions wrong, but you passed with:
I am sorry, you did not get the minimum grade, your grade is:
¿Cuál es la manera correcta para esperar a que el DOM este listo para usarse?
- Ext.addEvent(document,’ready’,functionToExcute);
- Ext.on(‘ready’,functionToExecute, scope );
- Ext.onReady(functionToExecute, scope );
- Ext.ready(functionToExecute, scope );
¿Cómo podemos obtener elementos del DOM?
- Ext.getElement(‘id’);
- Ext.get(‘id’);
- Ext.getElementById(‘id’);
- Ext.getCpm(‘id’);
¿Para que sirve el método Ext.fly?
- Es lo mismo que Ext.get, por lo tanto ni siquiera debería existir.
- Sirve para seleccionar una elemento del DOM utilizando selectores de CSS y XPATH.
- Con este método solamente tendremos el nodo del DOM y no un objeto Ext.Element.
- Para ahorrar memoria y hacer nuestra aplicación más eficiente ya que reutiliza la memoria al no crear nuevas instancias del objeto Ext.Element.
El objetivo del componente Ext.DomHelper es:
- Ayudar al DOM para que se genera más rápido.
- Permite visualizar el HTML en forma gráfica.
- Nos ayuda para eliminar los nodos que ya no usamos.
- Nos facilita el manejo del DOM para insertar y crear elementos con JavaScript.
Al ejecutar el siguiente código ¿que es lo que resulta en la variable “ítems”?
var items = Ext.DomQuery.select('div[id=menu] > ul li a');
- Todos los links que se encuentren dentro de un div que tenga como identificador “menu” y contenga un nodo de tipo “ul” el cual contenga “li”.
- Los links de una lista con identificador “menu”.
- Una lista de nodos de tipo “li”.
- El selector es incorrecto.
Al ejecutar el siguiente código ¿que es lo que resulta en la variable “old”?
var old = Ext.DomQuery.selectNode('#menu ul li a[class*=item-selected]');
- Un link donde se encuentre el Mouse.
- Un arreglo de links que se encuentren en el menú encapsulados en una lista de tipo “li”.
- El link que contenga una clase llamada “item-selected” y que esté dentro del elemento “menu” encapsulado en una lista de tipo “li”.
- No regresa nada porque la expresión es incorrecta.
Commercial ExtJs and Sencha Touch Themes
