Recently, my friend and I set out to create a browser parser/visualizer that could hopefully shed some light on how our HTML code is processed into the DOM tree. I know when I first started coding, I could understand conceptually what the DOM (Document Object Model) was but it was difficult for me to fully grasp how different tags/nodes were appended to the tree e.g. if I add another script tag to my body, how would that look inside of the DOM tree or how is my HTML document converted into a format that my runtime environment can actually run?

Kelvin Lin

Hi, I’m a SWE based in NYC!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store