一、js的自定义属性
<ul> <li>111111</li> <li>222222</li> <li>333333</li> <li>444444</li> <li>555555</li> </ul> <script> // 需求 点击那个li让那个li加颜色 并让其他li去掉背景颜色 纯原生实现 var oli = document.querySelectorAll('li') console.log(oli) //[li, li, li, li, li] 5个li var b = true //一个开关不能控制多个li for (var i = 0; i < oli.length; i++) { // 自定义属性 oli[i].b = 'off' //给每个li添加一个看不见的自定义属性 oli[i].onclick = function() { console.log(this.b) //off 获取 if (this.b == 'off') { this.style.background = 'red' this.b = 'on' } else { this.style.background = '' this.b = 'off' } } } </script>