js中DOM常用获取元素的小方法

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   浏览器滚轮距上距离;