一、列表隔行换色效果


红旗
五菱宏光
奔驰
兰博基尼
哈弗
奥拓
奥迪
悍马

二、列表高亮显示


金士百
雪花
百威
燕京
青岛
崂山
珠江
华丹
勇闯天涯
江小白

三、显示隐藏二维码模板

四、通过name属性获取元素

五、根据类样式获取元素



这是第一个段落标签
这是第二个段落标签
这是第一个span标签

这是第二个span标签

这是第一个div
这是第二个div

七、获取元素的其他方式


这是第一个段落标签
这是第二个段落标签
这是第一个div
这是第二个div

八、总结

获取元素的方式大总结：
根据id获取元素
1、document.getElementById(“id的属性值”)
根据标签获取元素
2、document.getElementsByTagName(“标签的名字”)
根据name的属性值获取元素
3、document.getElementsByName(“name的属性值”)
根据类样式的名字获取元素
4、document.getElementsByClassName(“类样式的名字”)

根据选择器的方式来获取元素
5、document.querySelector(“#btn”)
6、document.querySelectorAll(“.cls”)
7、document.body 专门获取body标签

扩展： 获取html的元素— document.documentElement–这个是专门来获取html这个标签的）

九、鼠标经过显示边框

十、扩展搜索效果

十一、扩展输入密码长度

十二、设置和获取文本框的值

十三、设置自定义属性


小明的成绩
小丽的成绩
小花的成绩
小李的成绩
乔峰的成绩

上一篇：前5个月184家中小银行消失数量是去年同期的7倍之多内蒙古一天内有120家小银行集体“消失”#中小银行

下一篇：卤味市场规模增速放缓，Z世代成消费主力？

day04：自定义属性

目录