排他思想&节点

本文介绍了JavaScript中的排他思想,如何实现全选功能,以及自定义属性的使用,包括获取、设置和移除属性。同时,详细阐述了H5自定义属性的规则和应用场景。此外,还探讨了DOM中的节点操作,包括节点的创建、添加、删除、修改和查找,以及节点层级的关系和操作方法。
摘要由CSDN通过智能技术生成

案例

排他思想

如果有同一组元素,我们想要某一个元素实现某种样式,需要用到循环的排他思想算法

  1. 先找到所有的元素
  2. 消灭所有的元素样式,改成初始样式
  3. 然后留下自己,设置特定样式

注意:顺序不能颠倒,先消灭后自己

        window.onload=function(){
   
            // 【1】选择所有的相关元素
            // .getElementsByTagName("li")
            var lis=document.querySelectorAll(".choose>li");
            // lis是一个伪数组(对象),里面的每一个元素进行遍历
            for(var i=0;i<lis.length;i++){
   
                lis[i].onclick=function(){
   
                    // 【2】先进行全部消灭,将所有的背景颜色先全部改为初始颜色
                    for(var j=0;j<lis.length;j++)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值