JavaScript中的浏览器内置对象

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

如Window对象、Doucument对象、History对象等

文档对象模型(DOM)

DOM-Document Object Model,它是W3C国际组织的一套Web标准。它以树形结构表示文档(HTML、XML等),定义了遍历、检查和修改各节点的属性和方法。

DOM:文档对象模型

 可以干什么？

  1.获取一个元素

  2.移除一个元素

  3.创建一个元素

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

  5.给元素绑定一些事件

  6.获取元素的属性

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

DOM的核心对象就是document对象

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

document常用属性

getElementById()	通过id获取元素
getElementsByTagName()	通过元素名称来获取标签，得到的是一组标签
getElementsByName()	通过标签的name属性的值来获取标签，得到的也是一组元素
getElementsByClassName("sp")	获取应用了class且值为sp的所有标签
querySelector()	通过选择器获取标签，得到的是单个标签
querySelectorAll()	通过选择器获取标签，获取的是满足条件的所有标签
createElement("标签名")	创建一个新的标签
appendChild()	给某个标签添加子元素
firstElementChild	某元素的第一个子元素
lastElementChild	某元素的最后一个子元素
removeChild()	删除的是子元素
remove()	清空某元素中的所有子元素，包括该元素本身