本发明公开了一种分层的网络拓扑可视化方法及系统，所述方法包含：101）将浏览器画布分为：背景层、链路层、节点层、拖动层和文本层，并根据数据类型在对应的层进行渲染；102）在各层中进行图形化元素渲染时，把拓扑数据中的背景、链路、节点和文字描述映射为浏览器的图形化元素，同时通过脚本语言为图形化元素注册相应的交互事件；所述各层的渲染具体为：在链路层，根据链路源节点和端节点的相对位置，计算链路的起点和终点的位置，且映射链路对象为页面上的线元素，通过页面上的线元素划线函数渲染网络链路；在拖动层，通过拖放节点来改变拓扑元素的相对位置，当拖动对应的节点时，将在该层实现拖动元素和其相关联元素的重绘。