Задача такая: нужно при наведении на любой элемент страницы выделить его, но, выделить именно 1 элемент.
Моя реализация чуть ниже. Проблема в том, что при наведении он выделяет и родителей элемента.
function MouseOver()
{
this.style.background="#FFFF00";
this.style.color="#000";
this.style.cursor="pointer";
this.style.border="1px solid #FF0000";
}
function MouseOut()
{
this.style.background="";
this.style.color="";
this.style.border="";
}
function start() {
var elements = document.getElementsByTagName("*");
for(i=0; i<elements.length; i++)
{
if(elements[i].tagName!="BODY" && elements[i].tagName!="HTML")
{
elements[i].onmouseover = MouseOver;
elements[i].onmouseout = MouseOut;
}
}
}
window.onload = start;