DOM启蒙：元素节点

1.HTML*Element对象概览

     HTML文档中每个元素都有个唯一的本源。即每个都有独一无二的JavaScript构造函数，是这些元素实例化为DOM树中的节点对象。

2.HTML*Element对象属性与方法（包括继承的）

   属性：

• tagName：获取元素的标签名
• children：获取所有的直属子元素节点
• attributes：获取元素属性与值地列表/集合
• dataset：提供了一个对象，包含该元素所有以data-*起始的属性。dataset包含的是数据属性的驼峰版本。（移除dataset只需要利用delete操作符）
• className：获取元素的类属性的空格分隔字符串
• classList：获取元素的类属性列表的数组

   方法：

• createElement（）:创建元素
• getAttribute（'attributeName'）：获取元素的属性值
• setAttribute（'attributeName','value'）：设置元素的属性值
• removeAttribute（'attributeName'）：移除元素的属性值
• hasAttribute（'attributeName'）：验证元素是否有某一特定属性
• classList.add('value')：添加类属性中的部分值
• classLis.remove('value')：移除类属性中的部分值
• classList.toggle('value')：变换某个类属性值
• classList.contains('value')：判断类属性值是否含有某一特定值

3.其他

• attributes属性返回的数组是实时的。
• attributes属性是个类数组的集合，有个只读的length
• 使用removeAttribute（）而不是setAttribute将属性值设为null或''
• hasAttribute（）:如果元素包含这个属性，此方法将返回true，即使该属性没有值
• classList是个类数组对象，本身只读但是可以通过add、remove、contains、toggle方法修改
• IE9并不支持dataset