| 方法 | 描述 | 备注 |
|---|---|---|
| document.getElementById(id) | 通过 id 获取 dom | 标红表示只能用 document 调用 |
| document.getElementsByTagName(tagName) | 通过标签名获取 dom | |
| document.getElementsByClassName(class) | 通过 class 获取 dom | |
| document.getElementsByName(name) | 通过标签的属性 name 获取 dom | |
| document.querySelector(选择器) | 通过选择器获取 dom | |
| document.querySelectorAll(选择器) | 通过选择器获取 dom |
| 方法 | 描述 |
|---|---|
| createElement | 创建一个标签节点 |
| createTextNode | 创建一个文本节点 |
| cloneNode(deep) | 复制一个节点，连同属性与值都复制，deep为true时，连同后代节点一起复制，不传或者传false，则只复制当前节点 |
| createDocumentFragment | 创建一个文档碎片节点 |
| appendChild | 追加子元素 |
| insertBefore | 将元素插入前面 |
| removeChild | 删除子元素 |
| replaceChild | 替换子元素 |
| getAttribute | 获取节点的属性 |
| createAttribute | 创建属性 |
| setAttribute | 设置节点属性 |
| romoveAttribute | 删除节点属性 |
| element.attributes | 将属性生成类数组对象 |
| 属性 | 说明 |
|---|---|
| offsetLeft | 获取当前元素到定位父节点的left方向的距离 |
| offsetTop | 获取当前元素到定位父节点的top方向的距离 |
| offsetWidth | 获取当前元素 width + 左右padding + 左右border-width |
| offsetHeight | 获取当前元素 height + 上下padding + 上下border-width |
| clientWidth | 获取当前元素 width + 左右 padding |
| clientHeight | 获取当前元素 height + 上下 padding |
| scrollWidth | 当前元素内容真实的宽度，内容不超出盒子宽度时为盒子的clientWidth |
| scrollHeight | 当前元素内容真实的高度，内容不超出盒子高度时为盒子的clientHeight |