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 返回第一个子元素节点