查:

    通过id ： document.getElementByid(“要查找的节点的id”)
    通过className： document.getElementsByClassName(“要查找的元素类名”)
    通过tagName : document.getElementsByTagName(“要查找的元素标签名”)

    选择节点：

    1. document.querySelector(“选择器”)； 用css选择器 返回值：选择符合条件的第一个元素
    2. document.querySelectorArr(“选择器”) 用css选择器 返回值：选择符合条件的所有元素 ，即使只有一个返回值也是一个集合

    父元素找字元素： 父元素.children : 找到字元素节点
    父元素.childNodes : 找到子节点

    子元素找父元素 ： 子元素.parentNode

    查找兄弟元素: 前一个兄弟 dom.previousElementSibling
    后一个兄弟 dom.nextElementSibling

    查找第一个子元素： （父元素father).firstElementChild

    查找最后一个子元素： （父元素father).flastElementChild

    创建节点：

    创建元素节点 ： document.createElement(“标签名”)
    创建文本节点 : document.createTextNode(“文本节点的内容”)
    创建文档碎片节点： document.createDocumentFragment()

    添加节点：

    往父元素的最后添加一个子元素 : 父元素.appendChild(子元素)

    往任意一个元素的前面添加字元素 ：父元素.insertBefore(要添加的子元素，参照节点)
    如果参照节点为null，就是把新节点插父节点的最后一个子元素

    删除节点：

    父元素.removeChild(要删除子元素)
    要删除的元素.remove()
    清空节点内容.元素.innerHTML=””

    克隆节点：

    要克隆的节点.cloneNode(是否深复制) ——-参数默认false，就是只复制自己
    ——-参数如果为true，表明复制自己及所有后代

    节点类型：

    元素节点： 1
    属性节点 ： 2 ————获取某元素的所有属性节点 —-dom.attributes

    1.                                        --------获取某个元素的一个属性节点   --dom.attributes[属性的索引]<br />                                                                                                      --dom.attributes[属性名]<br />                                         <br />                                           -------获取元素的属性值       - ---dom.getAttribute("属性名")<br />                                           -------设置元素的属性值       ----dom.setAttribute("属性名","属性值")<br /> <br />                                           ------  H5的自定义属性  ：   ------获取h5自定义属性       -- dom.dataset.info<br />                                           ------设置h5自定义属性       ---dom.dataset.info="world"
    4.        <br />文本节点：4

    注释节点：8

    文档节点：9

    文档类型节点：10

    文档碎片节点： 11

    浏览器：

    window.innerWidth : 宽度

    window.innerHeigth: 高度

    元素的宽度和高度：

    dom.offsetWidth : 宽度
    dom.innerHeigth : 高度

    操作元素的样式

    dom.style.属性名 = 属性值
    dom.currentStyle.属性名 ie678
    dow.getComputedStyle(dom,null).属性名 谷歌火狐ie9+