Day35 属性操作与事件
1.案例扩展
(1)、隔行换色
案例一:完成对无序列表的隔行换色(原理~~~通过循环获取元素得到的伪数组进行取余逻辑判断操作)
var btn = document.getElementById(“btn”);
var liObj = document.getElementById(“list”).getElementsByTagName(“li”);
console.log(liObj);
btn.onclick = function () {
//第一种
for (var i = 0; i < liObj.length; i += 2) {
console.log(liObj[i]);
/* if (i % 2 == 0) {
liObj[i].style.color = “red”;
} /
liObj[i].style.color = “red”;
}
//第二种
/ for (var i = 0; i < liObj.length; i++) {
console.log(liObj[i]);
if (i % 2 == 0) {
liObj[i].style.color = “red”;
}
} */
}
思考代码还有没有能优化的空间(是不是还可以使用三元表达式)
(2)、美女画廊
效果展示: