dom对象

dom对象.classList.add(类名1，类名2.....)添加类

dom对象.classList.remove(类名1，类名2.....)删除类

dom对象.classList.toggle(类名1，类名2.....)交互类

dom对象.classList.contains(类名1，类名2.....)判断类

含有该类，返回true，反之返回false

元素节点

 var oDiv = document.getElementsByTagName("div")[0];
     console.log(oDiv.nodeName); //节点名称 DIV
     console.log(oDiv.tagName); //标签名称 DIV
     console.log(oDiv.nodeType); //1  节点类型
     console.log(oDiv.nodeValue); //null  节点值

属性节点

 var attr = oDiv.getAttributeNode("id");
     console.log(attr);
     alert(attr); //[object Attr]属性对象
     console.log(attr.nodeName); //节点名称  属性名
     console.log(attr.nodeType); //节点类型  2
     console.log(attr.nodeValue); //节点值  属性值
     get获取
     Attribute 属性
     Node  节点

文本节点

var ch = oDiv.firstChild; //第一个子节点
    console.log(ch);
    alert(ch); //[object Text] 文本对象节点
    console.log(ch.nodeName); //节点名称  文本
    console.log(ch.nodeType); //节点类型 3
    console.log(ch.nodeValue); //节点值  文本值

 父节点查找子节点 

    通过父节点对象查找子节点对象（可能会有文本节点）  兼容性好
    父节点对象.firstChild  查找父节点下的第一个子节点
    父节点对象.lastChild   查找父节点下的最后一个子节点
    父节点对象.childNodes   多个  查找父节点下的所有的子节点

    通过父节点对象查找子元素节点对象   
    父节点对象.firstElementChild  查找父节点下的第一个子元素节点
    父节点对象.lastElementChild   查找父节点下的最后一个子元素节点
    父节点对象.children   多个  查找父节点下的所有的子元素节点

    console.log(oUl.firstChild);//第一个子节点  可能有文本节点 换行
    console.log(oUl.firstElementChild);//第一个子元素节点
    console.log(oUl.lastChild);//最后一个子节点   可能有文本节点 换行
    console.log(oUl.lastElementChild);//最后一个子元素节点
    console.log(oUl.childNodes);//ul里的所有的子节点对象 可能有文本节点
    console.log(oUl.children);//ul里的所有的子元素节点对象

 子节点查找父节点 

  子节点对象.parentNode  通过子节点查找父节点
   子节点对象.parentElement  通过子节点查找父元素

   var oUl = document.getElementById("box");
   var oLi = document.getElementById("list");
   console.log(oLi.parentNode); //查找父节点
   console.log(oLi.parentElement);//查找父元素

兄弟之间查找

var oLi = document.getElementById("list");
   console.log(oLi.nextSibling); //查找下一个兄弟节点  可能为文本
   console.log(oLi.nextElementSibling); //查找下一个元素兄弟节点 
   console.log(oLi.nextSibling.nodeValue); 
   console.log(oLi.previousSibling); //查找上一个兄弟节点  可能为文本
   console.log(oLi.previousElementSibling); //查找上一个元素兄弟节点

创建元素对象

document.createElement("元素名称") 

追加元素对象到父元素内部最后
 父节点对象.appendChild(子节点)