假如有多个元素,为了强调选中的元素,弱化其他的元素,可以使用排他模型。
步骤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";
};