JS中利用this指针改变背景颜色

 <li class="com" id="0" onClick="chosen(this)"><img src="images/com.png" class="iocn"></li>
    <li class="com" id="1" onClick="chosen(this)"><img src="images/com.png" class="iocn"></li>
    <li class="com" id="2" onClick="chosen(this)"><img src="images/com.png" class="iocn"></li>
    <li class="com" id="3" onClick="chosen(this)"><img src="images/com.png" class="iocn"></li>
    <li class="com" id="4" onClick="chosen(this)"><img src="images/com.png" class="iocn"></li>


    function chosen(){
        this.style.backgroundcolor="blue";
    }

  function chosen(el){
        el.style.backgroundcolor="blue";//不要用this，this是window对象，用参数el
    }

 <script>
function changebgcolor(obj,color){
      obj.style.backgroundColor=color;
}
</script>
<DIV style="background-color:#FFFFFF;width:300px;height:200px;" onclick="changebgcolor(this,'#FF0000');">点击改变背景颜色</DIV>

这个你看的懂吗

你的响应方法中有传递参数this了直接在js方法中设置参数，不要使用关键字，如下

  function chosen(obj){
        obj.style.backgroundColor="blue";
    }

    function chosen(that){
        //this 指的是window对象，通过参数传递的才是发生点击事件的元素
            console.log(this, that);
        that.style.backgroundColor="blue";
    }

        可以通过控制台的输出进行查看