【3-6】

3-6
百度换肤图
ID选择器  .类名
直接选标签 标签名
.id li {
}

括号里放啥
url()

不适用排他算法的原因:虽然是对相同元素添加相同事件 
但是样式并不相同 点击后更换不同的图片
<ul class="baidu">
      <li><img src="1.jpg" alt="" /></li>
      <li><img src="2.jpg" alt="" /></li>
      <li><img src="3.jpg" alt="" /></li>
      <li><img src="4.jpg" alt="" /></li>
    </ul>  
严谨详细的写法 先选类名 再选类名下的标签
var lis = document.querySelector(".baidu").querySelectorAll("img"); 
document.body.style.backgroundImage = "url(" + this.src + ")";

全选

! li[index].checked    怎么表示  判断被选中
选标签名 getelementbytagname

给每个重复的小元素绑定for循环一次 
每次点击检查check状态 for一次

与京东隐藏密码很像 先声明变量存状态 
点击后变量跟着改变 
但checked值有布尔值代表状态 此时不适合用数字表示

但凡有一个false 则结束循环  将全选框改为false
全部是true才改为true

获取属性
元素.属性(元素自带
元素.getattribute(获得自定义属性
设置属性值
元素.属性= ‘ ’;

假如你要用一个已经获得的元素
起码得先获取再拿来用

啊啊啊啊啊啊啊 index i注意匹配

元素.setattribute(‘属性’,‘值’)没有等号!!!!!
元素.remove(‘’)


for (let i = 0; i < lis.length; i++) {
          lis[i].className = '';
          
        }
        this.className = 'current';

parentnode
children
firstelementchild 返回第一个子元素节点

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值