美文网首页
排他模型

排他模型

作者: WiLL羽丰 | 来源:发表于2017-10-23 08:55 被阅读0次

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

步骤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 1、使用getElementsBy...

  • Apache Pulsar[3] 概念进阶

    订阅模型 Pulsar提供了灵活的消息模型,支持三种订阅类型: Exclusive subscription:排他...

  • 排他

    她们说我吃饭快,以前是吃吃饭就调侃我,一群人嬉笑。 我感觉今天过分了。 开始说我这样的,家里吃好吃的,都抢不过我。...

  • 排他功能

  • 排他思想

    先清空所有的,然后单独设置当前; 基于 for 循环来实现的排他思想;

  • 排他思想

    排他 p {width: 100px;height: 100px;back...

  • 排他思想

    排他思想

  • mysql乐观锁

    排他锁:排他锁通过在事务中使用select ...for update语句来实现,排他锁会在当前行加一个行级锁,在...

  • Activiti7的使用(六)

    Activiti的网关: 1、ExclusiveGateway:排他网关 排他网关(也叫异或(XOR)网关,或叫基...

  • Innodb锁(一)

    共享和排他锁(shard and Exclusive Locks) Innodb 支持标准的行级共享和排他锁。 共...

网友评论

      本文标题:排他模型

      本文链接:https://www.haomeiwen.com/subject/vgviuxtx.html