DOM获取，修改，添加，删除 属性方法

1，获取、添加、删除、修改元素属性

	getAttribute("属性名")　　//获取元素对象指定特性的值

　　setAttribute(name, value)　　//设置元素对象指定特性的值

　　removeAttribute('属性名')　　//删除元素对象上的指定特性

　　hasAttribute('属性名')　　//判断元素对象是否包含指定特性

　　attributes()　　//获取元素对象指定特性的集合

• 1.读取属性(4种)

  element.attributes[下标].value

  var value=element.attributes[‘属性名’]

  element.getAttributeNode(‘属性名’).value

  var value=element.getAttribute(“属性名”)

  2.修改属性(2种)

  element.setAttribute(name, value);//IE8不支持 只能：element.attributes[‘属性名’]=value

  element.setAttributeNode(attrNode);//属性可以是属性节点

  3.移除属性(2种)

  element.removeAttribute(‘属性名’);

  element.removeAttributeNode(attrNode);

  4.判断元素是否包含属性(2种)

  element.hasAttribute(‘属性名’) //true或false

  element.hasAttributes( );

  5.Property(属性) vs Attribute(HTML特性)

  Property: 对象在内存中存储的属性 可以用 . 访问

  Attribute: 元素对象在开始标签中定义的HTML属性和自定义属性

  访问HTML标准属性时，二者完全一致。如果访问自定义属性时，只能用Attribute。

  示例：修改元素属性 模拟摇号排序

2、获取和修改元素的样式

　　1.获取或修改内联样式：style对象

　　　　设置：style.属性名="值";　　　

　　　　移出(2种)：
　　　　　　style.属性名="";
　　　　　　style.removeProperty("CSS属性名")

　　　　//仅能操作style属性中定义的内联样式,无法获取或设置样式表中的样式

　　2.获取或修改内联样式表中的属性(3步)

　　　　1. 获得要修改的样式表对象：

　　　　var sheet=document.styleSheets[i];//styleSheets:获得当前网页的所有样式表对象

　　　　2. 获得要修改的cssRule：

　　　　cssRule：样式表中一个大括号就是一个cssRule对象

　　　　var cssRule=sheet.cssRules[i];//cssRule可能嵌套。

　　　　3. 获得cssRule中的属性

　　　　cssRule.style.属性名