获取元素类名

第一种获取方法

获取语法：元素.className

设置语法：元素.className = "新的类名"

第二种获取方法

获取语法：元素.classList

设置语法：classList.add("新的类名")

删除语法：classList.remove("新的类名")

DOM

获取DOM子节点

（1）语法：.children

获取元素的所有子级元素节点(只能获取到标签)

（2）语法：.childNodes

获取所有的子级节点(会把换行识别为一个文本,标签当成元素节点,被识别为text)

获取DOM第一个子节点

（1）语法：.firstChild

获取的是元素内部第一个子节点(不一定是子元素节点,如果结构里面有换行，会被识别为text文本节点)

（2）语法：.firstElementChild

获取的是元素内部第一个子元素节点

获取DOM最后一个子节点

（1）语法：.lastChild

获取的是元素内部最后一个子节点(不一定是子元素节点,如果结构里面有换行，会被识别为text文本节点)

（2）语法：.lastElementChild

获取的是元素内部最后一个子元素节点

获取兄弟节点

获取下一个兄弟节点

语法：.nextSibling

包含text文本节点

获取下一个兄弟元素节点

语法：.nextElementSibling

不包含text文本节点

获取上一个兄弟节点

语法：.previousSibling

包含text文本节点

获取上一个兄弟元素节点

语法：.previousElementSibling

不包含text文本节点

获取元素的父级节点

语法：.parentNode

只能获取到父元素，父元素以上不行

节点分类

元素节点：所有HTML元素标签

文本节点：换行产生的节点text

属性节点：所有HTML元素属性

节点类型

语法：.nodeType

元素节点打印1，文本节点打印3，属性节点打印2

节点名称

语法：.nodeName

元素节点名称是大写的标签，文本节点名称是text，属性节点名称就是属性名

节点的值

语法：.nodeValue

元素节点没有nodeValue，文本节点是实际文本的值，属性节点的值就是属性值