直接通过document获取元素和onmousemove事件(图片跟着鼠标移动)

一、直接通过document获取元素

    <script>
    //1.获取body
    console.log(document.body);//返回body标签(元素)
    //2.获取title
    console.log(document.title);//返回标签中的值,即标题
    //3.获取html
    console.log(document.documentElement);//返回html标签(元素)
    </script>

二、onmousemove事件

<!-- //4.案例:图片跟着鼠标移动 -->
    <img src="1.png" alt="" id="im" style="position: absolute;">
    <script>
        document.onmousemove=function(e){
            //鼠标的移动的横纵坐标
            //可视区域的横坐标
            //可视区域的纵坐标
            document.getElementById("im").style.left=e.clientX+15+"px";
            document.getElementById("im").style.top=e.clientY+"px";
        };
    </script>