一、BOM对象
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d46b322f50985ce6adccdb987611d541.png)
二、DOM对象
简介:
可以操作HTML文档的重要手段
HTML节点树
子节点
根节点
父节点
兄弟节点
元素操作
元素内容
innerHTM()获取或修改元素内容(包含标签)
innerText()获取或修改元素的文本内容(不包含标签)
innerContext获取或修改文本内容(不包含标签但包含段落)
获取操作的元素
document.getElementById()
ducument.getElementByClassName()
document.getElementByTagName()
document.getElementByName()
这里允许一直向下直到最底层的元素
元素属性
attributes返回元素属性的集合
setAtrribute(name,value)设置或者改变制定属性的值
getAttribute(name)设置或者改变制定属性的值
removeAttributes从元素中删除指定的元素
元素样式
获取的标签对象.style.样式名
classList相关方法
.length获取元素类名个数
.add()给元素添加类名
.remove()元素移除类名
.toggle切换元素的样式
.item根据数字索引获取元素的类名
contains判断元素是否
关于节点的相关方法
获取节点
firstChild访问第一个子节点
lastChild访问最后一个子节点
nodeName当前节点的名称
childNodes当前节点的所有子节点的集合
parentNode访问当前节点的父节点
nodeValue访问当前节点的值
节点追加
document.createElement()创建元素节点
document.createTextNode()添加文本节点(一般用于给某节点添加文本)
appendChild给指定元素的子节点列表的末尾添加子节点
insertBefore()插入子节点在指定节点前
setAttributeNode()添加节点属性
getAttributeNode()返回指定名称的属性节点
节点删除
removeChild(子节点对象)删除某节点的子节点