排他模型

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

步骤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";

};

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,767评论 18 399
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,900评论 0 1
  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 12,776评论 0 33
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,338评论 0 5
  • 从来没想过一个手机软件可以轻而易举的做出这种图片来,我和女儿玩了一个下午,沉醉其中,其乐无穷!
    零贰O2阅读 203评论 0 1