webapi-根据id获取元素

1.目标

掌握document.getElementById() 根据id获取元素

在页面画出一个宽200 高200 粉色的盒子, 在控制台打印这个盒子

2.实现思路

1. 画框 200px* 200px 粉色
2. 定义变量 保存根据id获取到这个div盒子
3. 打印变量

3.代码实现

        // 定义变量 保存 根据id 获取到的div盒子
        var divEle = document.getElementById('timer');
        
        // 代码从上到下执行的  js 放最后 


        // divEle 是一个对象
        // console.log(typeof divEle);

        console.dir(divEle, 'divEle');

        // console.log(divEle);

4.总结

1. document: 文档对象 getElementById(‘id值’): 根据id的值获取页面的元素
2. 获取的元素是对象类型
3. js代码放在body最后