day10 BOM和DOM

BOM

概述：

BOM 浏览器对象模型，对于路由的底层就是bom

六大对象

window 全局对象

location 地址栏（url）*

history 历史页面 *

document 文档对象

navigator 导航（获取浏览器对应的信息）

screen 屏幕对象 （获取对应的宽高 适配兼容）

frames 框架的布局

## DOM

#### 概述：

DOM 文档对象模型 他是用于操作对应的html文档（增删改查）

#### dom树分为

元素节点 （所有的标签都是属于元素节点）

属性节点 （所有标签里面的属性都是属性节点）

文本节点 （所有显示的文本都是文本节点）

 

元素节点的操作:

元素节点的获取

document  文档

document对象加对应方法的方法来   获取   元素

document.getElementByID() 根据id选择器获取元素

document.getElementsByClassName() 根据class名字获取 (返回一个元素   数组,他是一个伪数组(除了具备对应元素的下标 和length属性其他方法都不具备))

document.getElementsByTagName() 根据标签名获取 (返回伪数组HTML collection)

document.getElementsByName() 根据name属性获取 (返回伪数组)

querySelector 根据选择器获取 (他会获取找到第一个元素 )

querySelectorall 根据选择器获取所有匹配的元素 (返回伪数组 nodeList)

 

获取body和head的属性

获取body document.body 属性

获取head document.head 属性

 

节点的区分

#### 获取子节点

childNodes（获取所有的子元素节点及文本节点（包含空格和换行符））

children （获取所有的子元素节点） *

parentNode 获取对应的父节点

removeChild 移出子节点