BOM DOM

六大对象

window全局对象

location地址栏（url）*

history 历史页面 *

document 文档对象

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

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

frames 框架的布局

 

元素所具备的属性（赋值就是对应的设置 反之就是获取）

id 获取对应的id （设置）

className 获取对应的class名字

style 获取样式 （设置）

tagName 获取标签名

title 获取title属性 innerHtml 获取显示的内容 （设置显示的内容 包含html代码）

innerText 获取显示的文本 （设置显示的文本 不包含html代码）

 

节点的操作

元素节点的创建

createElement 属性节点的创建

createAttribute 文本节点的创建

createTextNode 增删改的方法

appendChild 添加到后面

insertBefore 添加到前面

remove 移除自身的所有内容

removeChild 移除对应的子节点

replaceChild 替换对应的子节点

replaceChildren 替换里面的所有内容

var div = document.querySelector("div") //属性操作的三个方法 // 查询

获取 getAttribute(属性名) var value = div.getAttribute("title") //返回属性值 console.log(value); //

删除 delete 全删 remove 删内容不删日志 removeAttribute(属性名) div.removeAttribute("title") //

添加 添加重复就是修改 setAttribute(属性名,属性值) div.setAttribute("class","box") div.setAttribute("class","innerBox") //创建元素节点 返回的是一个元素节点 cr