IE7下 DOM对象属性访问

什么是 DOM？

DOM 是 W3C（万维网联盟）的标准。

DOM 定义了访问 HTML 和 XML 文档的标准：

“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
W3C DOM 标准被分为 3 个不同的部分：

核心 DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型
HTML DOM - 针对 HTML 文档的标准模型
编者注：DOM 是 Document Object Model（文档对象模型）的缩写。

IE7 与后来的主流浏览器不同

<div id="test-dom" test="testVal"> 

如上面面的html代码片段，我们常常会使用document.getElementById方法获取对应的Dom对象后，访问这个dom的属性，例如下面的test属性。在IE7中，可以直接使用dom.attr的方式访问。
例如：

document.getElementById("test-dom").test  // 返回 "testVal"

但是在IE7之后，包括现在的IE11和以chrome，火狐等主流浏览器中。Dom对象的属性值都在attributes属性下。即：

document.getElementById("maincontent").attributes.test.value // 返回值testVal