案例：实现换肤效果

<ul class="baidu">
    <li><img src="images/1.jpg"></li>
    <li><img src="images/2.jpg"></li>
    <li><img src="images/3.jpg"></li>
    <li><img src="images/4.jpg"></li>
</ul>

<script>
    // 1. 获取元素
    var imgs = document.querySelector('.baidu').querySelectorAll('img');
    // 2. 循环注册事件
    for (var i = 0; i < imgs.length; i++) {
        imgs[i].onclick = function() {
            // 把当前选中的图片路径给body当背景图片即可
            document.body.style.backgroundImage = 'url(' + this.src + ')';
        }
    }
</script>