Доступ к объекту filters

В браузерах Internet Explorer начиная с 4-й версии доступен объект filters, который дает доступ к управлению фильтрами. Но большее количество разновидности фильтров было добавлено в Internet Explorer версии 5.5.
С помощью фильтров можно создавать различные визуальные эффекты. Применение этих фильтров может осуществляться как с помощью CSS, так и с помощью javascript.
Полный список всех фильтров доступен тут, где демонстрируется их работа (работает только в InternetExplorer).
Изначальной идеей создания этих фильтров было - облегчение работы для пользователей, т.к. они не требуют вмешательства скриптов, и то, что фильтры можно интегрировать в стиль или класс элемента, т.к. они используют синтаксис CSS.

Пример использования фильтров (работает только в Internet Explorer)
Фильтр alpha устанавливает прозрачность элемента на 20% с помощью свойства opacity

<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20)">

Фильтр Blur размывает элемент с помощью свойства PixelRadius

<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=4)">

Пример использования фильтров в javascript

// через объект style
elem.style.filter ="progid:DXImageTransform.Microsoft.Alpha(opacity=20)";

// или через объект filters
elem.filters.alpha.opacity = 20;

Главной особенностью объекта filters в javascript, то, что он доступен только для тех элементов, которые имеют родительский узел!

Следующий пример продемонстрирует эту особенность.

var div = document.createElement('div');
alert(div.filters) // результат:  ошибка "Член группы не найден" и сценарий обрывается

var elem = document.getElementById('elemId');
alert(elem.filters) // результат: [object]