function styles () { var inputs = document.getElementsByTagName('input') for(var i = 0; i < 3; i++) { var input = inputs.item(i); input.onfocus = function () { this.style.border = "1px solid #219BC9"; } input.onblur = function () { this.style.border = "1px solid #CCCCCC"; } } var uls = document.getElementsByTagName('ul') for(var i = 0; i < uls.length; i++) { var ul = uls.item(i); ul.onmouseover = function () { this.style.border = "1px solid #219BC9"; } ul.onmouseout = function () { this.style.border = "1px solid #CCCCCC"; } } } window.onload = function () { styles(); }