js之DOM学习获取元素

目录

DOM树

获取元素的方式

getElementById根据id来选

getElementByTagName根据标签名来选

getElementByClassName根据类的名字来选，把类是xxx的都会选出来

H5新增获取元素方式

获取body和html

---

DOM（Document Object Model)文档对象模型，是W3C组织推荐的处理可扩展标记语言的（HTML或XML）的标准编程接口。通过这些接口可以改变网页的内容、结构和样式。

DOM树

获取元素的方式

getElementById根据id来选

 var timer = document.getElementById('time');
        console.log(timer);
        console.log(typeof timer);
        // 4.返回的是一个对象
        console.dir(timer);
        // 5.打印我们返回的元素对象，更好的查看里面的属性和方法。

getElementByTagName根据标签名来选

  //返回的是获取过来元素对象的集合，得到的对象是动态的，以伪数组的形式存储的，