JS浏览器内置对象

 浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一系列可供使用的对象

  window对象  ，  Document对象  ，  HIstory对象

 Dom(Document  Object Model):文档对象模型可以干什么

1.获取一个元素

2.移出一个元素

3.创建一个元素

4.向页面里添加一个元素

5.给元素绑定一些事件

6.获取元素的属性

7.给元素添加一些css样式

  

Dom的核心对象就是document对象

document对象是浏览器内置对象的一个对象，里面存储着专门用来操作元素的各种方法

getElementById()  通过id获取元素

getElementsByTayName():  通过元素名获取元素，得到一组标签

getElementByName(): 通过标签的name属性的值来获取标签，得到的也是一组元素

getElementsByclassName("sp"): 获取到应用了class且值为sp的所以标签

querySelector():通过选择器获取标签，得到的是单个标签

querySelectorAll():通过选择器获取标签，获取的是满足条件的所有标签

添加

appendChild():给某个标签添加子元素

删除

firstElementChild： 删除某元素中第一个子元素

lastElementChild: 删除某元素中最后一个子元素

removeChild():删除的是子元素

remove()：清空某元素中所有子元素，包括该元素本身