排他模型

假如有多个元素，为了强调选中的元素，弱化其他的元素，可以使用排他模型。

步骤1 

1、使用getElementsByTagName获取每个元素

2，遍历每个元素，并给每个元素加上强调方法

3，强调方法为排他模型

若元素为

<p></p>

<p></p>

<p></p>

第一步：先获取

var aP = document.getElementsByTagName("p")  //获取到p标签，赋值给aP，此时aP是包含有三个p标签的，注意s容易漏掉。

第二步：遍历，加上方法，方法为排他模型

for(var i = 0 ; i < aP.lenght; i++) //遍历

{

aP[i].onmouseover = function(){

for(var j = 0 ; j <aP.lenght; j++ )

aP[j].style.backgroundcolor = "#ccc"

} //排他

this.style.backgroundcolor = "red";

};