RT
BTW，这样的文章我还是没有读懂
http://www.cnblogs.com/tomkillua/archive/2012/08/15/2639420.html
对于浏览器引擎而言，并不存在“HTML标签”这回事。其本质是DOM节点对象。也并不存在“HTML文档”这回事，其本质是DOM节点对象组成的文档树。
浏览器引擎才是实际存储和渲染DOM节点对象的“大爷”。只是我们无法直接操作浏览器引擎，所以对这个本质并不熟悉（其实也不需要很熟悉，但是得知道）。
DOM节点对象是唯一的，但操作DOM节点对象的数据，却不止有一种方法。例如对于一个图像的宽度：
HTML可以通过
<img>的width属性去定义；JavaScript可以通过
element.width去读取和修改；别忘了CSS，CSS也可以通过
width属性去修改。
HTML属性和JavaScript的DOM对象的属性，本质上都只是影响DOM节点对象数据的众多理由之一。
多个原因影响同一个DOM节点的实质数据（多对一），请务必记住这个本质理由。
详细而言：
HTML仅仅是文档树和节点对象的一种描述方法。
浏览器的解析器部分，根据HTML直接把DOM文档树，交给浏览器引擎。
用其他的方法，也可以描述DOM对象，例如JSX。（当然用其他方法描述DOM对象的时候，生成DOM文档树的过程，肯定会发生相应的修改）
JavaScript中的DOM对象，仅仅是一种操作浏览器引擎中DOM对象的接口。
JavaScript中的DOM对象，和浏览器引擎中存储的DOM节点，本质上不是一个东西。
用户实际上仅仅有权操作JavaScript中提供的DOM对象。
JS引擎和浏览器引擎协作，确保了JavaScript的DOM对象，是引擎中DOM节点的一个原样映射。
这样用户就能通过操作JavaScript的DOM对象，透明的修改引擎中存储的DOM节点。
而浏览器引擎在本质上，仅仅负责在DOM树更新时承担重新渲染，实际上并不关心JS的存在。
你如果用其他办法修改了引擎使用的DOM树，也能更新文档结构。（当然这种办法基本上不存在…）
至于HTML属性名和JavaScript DOM对象的属性名大多相似或等同，这仅仅是人为的方便。我如果喜欢我也可以设计成这样嘛：
// <img src="http://localhost/1.png" alt="alt text" width=640 height=480 />
node.DataSource = "http://localhost/1.png";
node.AlternativeText = "alt text";
node.Dimension.Width = 640;
node.Dimension.Height = 480;虽然这样就真的没法记了。
JavaScript DOM对象属性名和HTML属性名的近似，是JavaScript给Web开发者的恩惠。选择只记忆HTML属性名，然后记忆（或者是踩坑了再反查）JavaScript属性名中少量和HTML不同名的差异点，这是很自然的。