Element类型的实例对象上操纵元素属性的3个方法

元素属性和节点对象属性的差异 ：

• 元素属性是指定义在HTML标签中的所有属性，包括HTML语言的正式属性和自定义的属性。
• 节点对象属性包括除了自定义属性之外的所有HTML正式属性。
• 节点对象属性只是在直接使用节点对象时可以操纵的属性范围，并不是说Element类型的节点对象上只有HTML正式定义的属性(即节点对象属性)，既DOM节点对象上的属性和节点对象属性是独立的概念，因为Element节点对象上的属性既包括 节点对象属性 也包括 自定义的属性 ；
• 节点对象属性和元素属性只是一种范围，用于区别使用不同的模式来访问DOM节点对象上的属性是所能触及的范围。节点对象属性是元素属性的子集。

操纵Element节点对象上的两种模式 ：

• 直接通过Element节点对象进行访问、设置和删除属性 ，这时可以操作的属性只能是节点对象属性，即HTML语言的标准属性；
• 通过Element节点对象上的setAttribute()、getAttribute()和removeArrtibute()来对Element节点对象上的属性进行访问、设置和删除；这时候可以操纵的属性是元素属性（包括自定义属性）；

两种模式的区别 在于：

• 访问属性的目的性 ： 第一种侧重于以一种更具标准的规范来操纵Element节点对象上的属性；第二种侧重于以一种更符合原始HTML的方式来操纵Element节点对象上的属性，比如原始HTMl的class属性在Element节点对象中表现为className…但是用这种模式访问，删除和修改className需要以class代替。
• 通过ＤＯＭ对象访问的属性中有两个返回的值跟使用getAttribute()取得的值不一样。首先是style属性。当用getAttribute()访问时，返回的是css字符串。而通过DOM对象的属性访问时，返回的是一个对象CSSStyleDeclaration.(这是因为DOM对象中的style属性用于以编程方式读写元素样式,因此访问并不会返回HTML标签style属性的字符串值). 同理,html标签设定的属性onclick,再用DOM对象直接访问时,返回的是一个对函数对象的引用(未指定属性则返回NULL),使用getAttribuite()访问的时候,返回的是字符串形式的源代码.

!考虑到以上的差异,开发者在进行DOM编程时,只有在需要操纵自定义属性时才会使用Element节点对象上定义的三个方法.在一般情况下,都是直接操纵Element节点对象上的属性.