DOM方法

                                           DOM

getElementById() 获取元素的id
getElementsByClassName() 获取元素的class
getElementsByClassName(“xxx”)[0] 通过索引获取到某一个单独的元素
.getElementsByTagName(“xxx”) 通过标签名找到某一个元素 xxx是标签名
innerHTML textContent 给元素添加相应的内容
createElement 创建一个元素 参数是标签名的字符串
appendChild() 将一个标签添加到另一个元素里
removeChild 删除一个直系子元素
parentElement 获取对象层次中的父对象
classlist.add 添加一个class类
.classList.remove 删除一个class值
querySelector 查找第一个符合条件的元素
querySelectorAll查找到所有符合条件的元素
setAttribute() 设置属性 属性名 属性值 可以是自定义的
getAttribute() 属性名 获取属性值
hasAttribute() 判断是否有某个属性
removeAttribute() 删除一个属性
event 事件对象
onclick 点击事件
.onkeydown 键盘被点击

clearTimeout() 定时器在出发前可以取消
.onmouseenter 鼠标进入元素时触发
.onmouseleave 鼠标离开元素时触发

offsetWidth和offsetHeight 分别表示元素的宽高(按照边框计算的) 单位是元素
clientWidth clientHeight 获取元素的宽高 只计算到内间距 不带边框
offsetLeft offsetTop 获取元素相对于窗口的横坐标和纵坐标

.onmouseenter 鼠标进入元素时触发
.onmouseleave 鼠标离开元素时触发

onscroll 滚动事件
.clientHeight 元素本身高度
.scrollHeight 元素的内容高度
.scrollTop 纵向滚动偏移量
.scrollBy 在当前滚动偏移量的基础上滚动多少

addEventListener 可以为同一个元素的同一个事件添加多个监听函数
stopPropagation() 阻止事件的传播

overflow-y: scroll; 溢出内容在y轴上滚动显示