this对象的使用在事件编程中，事件函数里，有一个this对象，谁触发的函数this就是谁，这个可以很好的帮助我们解决一

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul id="nav">
        <li>123123123</li>
        <li>121231233</li>
        <li>123131233</li>
        <li>132331332</li>
    </ul>
    <script>
        function getId(id){
            return document.getElementById(id);
        }
        var nav=getId("nav");
        var navLis=nav.getElementsByTagName("li");
        // 在事件编程中，事件函数里，有一个this对象，谁触发的函数this就是谁
        for(var n=0;n<navLis.length;n++){
            navLis[n].onclick=function(){
                this.style.background="red"
            }
        }
    </script>
</body>
</html>