дальнейшем.
— Метод fly полезен, если нам требуется получить доступ к элементу Web-страницы всего один раз.
Не принимающий параметров метод getBody возвращает экземпляр объекта Element, представляющий секцию тела Web-страницы (тег <BODY>):
var elBody = Ext.getBody();
Метод getDom возвращает экземпляр объекта Web-обозревателя HTMLElement, представляющий определенный элемент Web-страницы:
Ext.getDom(
Этот метод принимает один параметр, которым может быть строка с именем элемента Web- страницы (значением атрибута ID его тега) или экземпляр объекта Element, представляющий этот элемент.
Пример:
var htelNavbar = Ext.getDom('navbar');
Здесь мы получили экземпляр объекта HTMLElement, представляющий 'внешний' список navbar.
Пример:
var elCMain = Ext.get('cmain');
var htelCMain = Ext.getDom(elCMain);
Здесь мы в два этапа получили экземпляр объекта HTMLElement, представляющий контейнер cmain. На первом этапе мы с помощью метода get получили представляющий его экземпляр объекта Element библиотеки Ext Core, а на втором — вызовом метода getDom — экземпляр объекта HTMLElement Web- обозревателя.
Свойство dom объекта Element возвращает экземпляр объекта Web-обозревателя HTMLElement, представляющий элемент Web-страницы:
var elCMain = Ext.get('cmain');
var htelCMain = elCMain.dom;
Некоторые методы объектов библиотеки Ext Core требуют в качестве параметров экземпляр объекта HTMLElement. Так что свойство dom и метод getDom нам пригодятся.
Доступ сразу к нескольким элементам Web-страницы
Зачастую приходится выполнять одинаковые манипуляции не с одним, а сразу с несколькими элементами Web-страницы, соответствующие одному критерию (обычно это селектор CSS).
Метод select объекта Ext возвращает экземпляр объекта CompositeElementLite, содержащий экземпляры объекта Element, которые представляют все элементы Web-страницы, что удовлетворяют заданному селектору CSS:
Ext.select(
Единственным параметром этому методу передается строка с одним или несколькими селекторами. Если строка содержит несколько селекторов, их отделяют друг от друга запятыми.
Библиотека Ext Core существенно расширяет набор селекторов по сравнению с поддерживаемыми стандартом CSS. Давайте их рассмотрим.
- * — элемент, созданный с помощью любого тега.
-.
- [
- [
- [
- [
- [
- [
- [
-:first-child — первый потомок данного элемента.
-:last-child — последний потомок данного элемента.
-:only-child — единственный потомок данного элемента.
-:nth-child(
-:nth-child(even) или: even — четные потомки данного элемента.
-:nth-child(odd) или: odd — нечетные потомки данного элемента.
-:first — первый элемент из соответствующих селектору.
-:last — последний элемент из соответствующих селектору.
-:nth(
-:contains(
-:nodeValue(
-:not(
