谷歌浏览器查看HTML文档和DOM视图的对应关系

一 打开谷歌浏览器，按照下图步骤打开【开发者工具】。

 

二 观察下图，DOM模型中的各个DOM节点，与HTML文档中各个HTML元素正好一一对应。