1. Ненавязчивый “Unobtrusive” JavaScript Сергеев Алексей «Открытые Веб-Технологии» [email_address]

6. Поиск необходимого элемента <ul id= &quot; menu &quot; > <li><a href= &quot; /about &quot; > О компании </a></li> <li><a href= “ / products &quot; > Продукция </a></li> <li><a href= &quot; /contacts &quot; > Контакты </a></li> </ul> function getMenuLinks(){ var parentObj = document.getElementById('menu'); var menuLinks = parentObj.getElementsByTagName('a'); return menuLinks ; }

7. Поиск необходимого элемента <input class=&quot;required&quot; name=&quot;email&quot; /> <input class=&quot;required&quot; name=&quot;phone&quot; /> function getRequired(){ var inputs = document.getElementsByTagName('input'); var requiredInputs = new Array; for ( var i = 0; i < inputs.length; i++ ) { if ( inputs[i].className.match('required‘) ) requiredInputs.push(inputs[i]); } return requiredInputs; }

8. Дерево элементов

11. Добавление обработчика function addEvent(obj, evType, func, useCapture){ if (obj.addEventListener){ obj.addEventListener(evType, func, useCapture); return true; } else if (obj.attachEvent){ var r = obj.attachEvent('on'+evType, func); return r; } else { obj['on'+evType] = func; } }

13. Отмена исходного действия function cancelDefault(e){ if ( e && e.preventDefault && e.stopPropagation() ){ e.stopPropagation(); e.preventDefault(); } if ( window.event ){ window.event.cancelBubble = true; window.event.returnValue = false; } }

16. Спасибо за внимание!