Нативные расширения

В браузерах, которые поддерживают добавление методов в прототипы нативных объектов (таких, как HTMLElement), все расширения DOM доступны сразу же, и вызова Element. extend(), функции доллара или чего-либо еще просто не требуется! В таких браузерах будет работать следующий пример:

• var my_div = document. createElement(‘div’);
• my_div. addClassName(‘pending’). hide();
• document. body. appendChild(my_div);

Так как расширяется прототип нативного объекта, все элементы DOM изначально содержат методы, предоставляемые Prototype. К сожалению, это не так для IE, который не позволяет скриптам изменять HTMLElement. prototype. Чтобы предыдущий пример работал в IE, вы должны вызвать Element. extend() на элементе my_div.

Очевидно, что для поддержки всех браузеров необходимо всегда принудительно расширять элементы. Например, предыдущий пример работает в Firefox и Opera, но вызов Element. extend(my_div) после создания элемента будет гарантировать работу скрипта и в других браузерах. Для краткости вы можете использовать функцию доллара:

• // это не будет работать в IE
• $(’someElement’). parentNode. hide();
• // а это - будет
• $($(’someElement’). parentNode). hide();

Не забывайте об этом и всегда тестируйте ваш код в разных браузерах.