JS 对应和排他

     /*   var obj = {};
          obj.hh = 0;
          obj.index = 1;
          console.log(obj);
    */
    var boxPs = document.querySelectorAll('.box p');
    var divPs = document.querySelectorAll('.div p');
    for(var i = 0;i<boxPs.length;i++){
        //给每一个p新增一个属性 index(index可以自定义 满足js命名规则即可)
        boxPs[i].index = i;
        boxPs[i].onclick = function () {
            //1.清除所有的背景颜色
            for(var j = 0;j<boxPs.length;j++){
               // ps[j].removeAttribute('style');
                boxPs[j].style.backgroundColor='';
                divPs[j].style.backgroundColor='';
            }
            //2.将指定的p设置为蓝色
            console.log(this.index);
            this.style.backgroundColor = 'blue';
            //下标相对应
            divPs[this.index].style.backgroundColor = 'blue';
        }
    }

    boxPs[i].onclick=function(event){
     event=event||window.event;
        console.log(event.target.innerHTML);
        console.log(this)
 }