web API-day5

获取元素大小
获取宽度和高度大小
元素.offsetWidth : 内容 + 边框 + 内边距
元素.clientWidth : 内容 + 内边距
元素.offsetTop : 内容 + 边框 + 内边距
元素.clientTop : 内容 + 内边距
获取边框大小
元素.clientLeft : 元素的左边框
元素.clientTop : 元素的上边框

阻止事件冒泡
语法: 事件对象参数.stopPropagation();

获取元素(了解)

H5方式操作标签样式
添加类样式:
元素.classList.add(‘类名’)
移除类样式:
元素.classList.remove(‘类名’)

克隆元素
元素.cloneNode(布尔值)
false: 只克隆当前标签本身,不包含内容
true: 同时克隆标签和标签中的内容

替换元素
父元素.replaceChild(替换后的元素, 被替换的元素)

load事件
页面中所有的资源都加载完成后会执行load事件
window注册load事件

scroll事件
拖拽滚动条的时候触发scroll事件
window注册scroll事件

获取滚动的距离
document.documentElement.scrollTop
在滚动事件中获取

延迟函数
setTimeout(函数, 延迟时间(毫秒));