DOM
获取元素
getElementById() 获取id;
getElementsByTagName() 获取一组元素;
getElementsByClass() 获取class;
getElementByName() 一般用在获取表单元素;
children 获取子级节点;
parentNode 获取子级节点;
nextElementSibling 获取兄弟下一个节点;
nextSibling 需兼容 获取兄弟下一个节点;
previousElementSibling 获取兄弟上一个节点 ;
previousSibling 需兼容 获取兄弟下一个节点;
firstElementChild 获取第一个节点;
firstChild 需兼容 获取第一个节点;
lastElementChild 获取最后一个节点
lastChild 需兼容 获取最后一个节点;
childNode 能获取文本节点;
querySelector(选择器) 获取选择器元素 ;
创建元素
document.crateElement();
obj.cloneNode(true) 克隆元素;
插入
父级.appendChild(子级);
父级.insertBefore(把谁,添加到谁的前面);
删除
父级.removeChild(子级);
元素信息
offsetWidth 物体宽度;
offsetHeight 物体高度;
offsetTop 物体距离上级定位父级高度;
offsetLeft 物体距离上级定位父级左值;
parent 定位父级 body;
scrollHeight 内容高度;
scrollWidth 内容宽度;
document.documentElement.clientHeight 屏幕可视高度;
document.documentElement.scrollTop || document.body.scrollTop 浏览器滚轮距上距离;