getElementById()：通过id名获取元素

getElementsByClassName()：通过class名获取元素

getElementsByTagName()：通过标签名获取元素

querySelector：通过选择器的方式获取元素，只能获取一个，满足条件的第一个元素

querySelectorAll：满足条件的所有元素。

innerHTML：获取元素内部的HTML的

innerTEXT：获取元素的文本内容，只获取文本内容，不获取标签

getAttribute：获取元素的某个属性

setAttribute：设置元素的某个属性

removeAttribute：删除元素的某个元素

style：专门来添加css样式

className：用来操作元素的类名

元素节点：通过getElementBy...得到的都是元素节点

属性节点：getAttribute得到的都是属性节点

文本节点：innerText得到的都是文本节点

childNodes:获得某一节点的所有子节点

children:所有子一级的元素节点

firstChild:子一级的第一个节点

lastChild:子一级的最后一个节点

firstElementChild:子一级的第一个元素节点

lastElementChild:子一级的最后一个元素节点

nextSibling:某一个节点的下一个兄弟节点

previousSibling:某一个节点的上一个兄弟节点

nextElementSibling:某一个节点的下一个兄弟元素节点

previousElementSibling:某一个节点的上一个兄弟元素节点

parentNode:获取某一个节点的父亲节点

attributes:某一个元素节点的所有属性节点

nodeType：节点的类型

元素节点：1；  属性节点：2；  注释节点：3；

nodeName：节点的名称

元素节点：大写标签名；  属性节点：属性名；  注释节点：#text；

nodeValue：节点的值

元素节点：没有值；  属性节点：属性值；  注释节点：文本内容；

创建

       createElement:创建一个元素节点

       createTextNode:创建一个文本节点

加

       appendChild:向某一个节点的末尾加一个节点

       insertBefore:像某一个节点的前面加一个节点

删除

       removeChild:删除某一节点下的节点

改

       replaceChild:将页面中的某个节点替换掉

       getComputedStyle：非IE浏览器使用的

       window.getComputedStyle(元素).要获取的属性

       .currentStyle：IE浏览器使用的

元素.currentStyle.要获取的属性

       offsetLeft,offsetTop

获取左边和上边的距离；

没有定位的情况下：获取元素边框外侧到页面内侧的距离

有定位的情况下：获取元素边框外侧到定位父级边框内侧的距离（其实就是我们写的     left 和 top 值）

offsetWidth,offsetHeight

获取元素  内容宽高 + padding宽高 + border宽高  的和