DOM【文档对象模型】
DOM简介
DOM：处理页面/文档的一些接口。
- 文档：一个页面就是一个文档 document
- 元素：页面所有的标签都是元素 element
- 节点：网页中所有的内容都是节点 node
- DOM把以上内容都看作对象
获取元素
如何获取元素
- 通过ID获取
getElementById()方法获取
因为我们文档页面是从上往下加载。所以先有标签。所以script写在标签的下面。
参数是字符串，所以要加引号
返回的是一个元素对象
console.dir(); 打印我们返回的元素对象，更好的查看里面的属性和方法
- 通过TagName（标签名）获取
getElementsByTagName()方法获取
因为我们文档页面是从上往下加载。所以先有标签。所以script写在标签的下面。
参数是字符串，所以要加引号
返回的是获取过来元素对象的集合，以伪数组的形式存储的。
所以想要操作里面的元素就要遍历
得到的元素是动态的
如果只有一个li，返回的还是伪数组的元素
如果没有li，返回的就是空的伪数组。