获取元素类名

第一种获取和设置类名方法

1、获取语法：元素.className
2、设置语法：元素.className = '新的类名'
        oDiv.className = oDivName + 'new_box'  
                不能直接写，需要在原来类名后面添加

第二种获取和设置类名的方法

1、获取语法：元素.classList
2、设置语法：元素.classList.add('新的类名')
3、删除语法：元素.classList.remove('属性名')

获取元素样式

1、获取行内元素样式

语法：元素.style.某个元素css属性        只能获取行内样式
    1、获取元素样式
        元素.style.属性
    2、设置元素样式：
        元素.style.属性 = '属性值'      只能设置给行内
        

2、获取非行内样式（只读模式，不能修改）

    window.getComputedStyle(元素).属性

获取DOM中子节点

获取元素当中的所有子节点

语法：元素.children     获取元素所有的子级元素节点（只获取到标签）
语法：元素.childNodes   获取到元素下的所有的子级元素（可以识别文本会把换行识别成一个文本）

获取元素当中的第一个子节点

    1、获取元素第一个子节点（不一定是子元素节点）
        元素.fristChild
    2、获取元素第一个子元素节点
        元素.fristElementsByTagName

获取元素当中的最后一个子节点

    1、获取元素最后一个子节点（不一定是子元素节点，有可能是文本）
        语法：元素.lastChild

    2、获取元素最后一个元素子节点
        语法：元素.lastElementChild

获取元素当中的下一个兄弟节点

    1、元素.nextSibling     会识别会车为文本
    2、元素.nextElementSibling  只获取标签啊

获取元素上一个兄弟节点

    1、元素.previousSibling     会识别回车文本
    2、元素.previonsSibling

获取父级节点

    1、元素.parentNode  只获取父级

节点分类

1、元素节点
        语法：var ele = 元素.firstElementChild
       

2、文本节点
        语法：var text = 元素.firstChild

3、属性节点
        语法：var attr = 元素.attributes[0]

nodeType节点类型
    console.log(ele.nodeType)   打印1
    console.log(text.nodeType)  打印3
    console.log(attr.nodeType)  打印2

nodeName节点名称
    console.log(ele.nodeName)   元素节点节点名称    大写LI
    console.log(text.nodeName)   文本节点名称        #text
    console.log(attr.nodeName)  属性节点名称就是    属性名

nodevalue节点的值
    console.log(ele.nodeValue)      元素节点    没有nodeValue
    console.log(text.nodeValue)     文本节点    实际的文本值
    console.log(attr.nodeValue)     属性节点    实际的属性值